Home
Setup
Theming
Icons

Input

TextField
Floating Action Button
Button
Snackbar
IconButton
Chip
Accordion
Dropdown
ToggleSwitch
Checkbox
Radio
Slider
Native Select
Select

Layout

Scaffold
Scrollbar
Column
Row
Dialog
AppBar

Navigation

Drawer
Tabs
Pagination

Text

Native Text
Headline

Data

Table

Display

Card
Icon

Feedback

Alert
Spinner
menu

Anique

Setup

You can install the dependencies manually, but it will be time consuming.

Solid Start + Anique Template

Clone this repo
https://github.com/Qinetik/anique-solid-start-template

Astro + SolidJS + Anique Template

You must use our starter template, It includes working dependencies and everything

Clone this repo
https://github.com/Qinetik/anique-astro-template

Manual Setup

check-circle-outline
Use Vite for development
Scroll down for library setup

NPM

npm install @qinetik/anique
npm install @qinetik/emotion

Yarn

yarn add @qinetik/anique
yarn add @qinetik/emotion

Pnpm

pnpm add @qinetik/anique
pnpm add @qinetik/emotion

Github Packages

These packages are also available on Github Packages

information-box-outline
We use github packages internally to publish packages for testing
@qinetik/anique
@qinetik/emotion
@qinetik/anique-icons

Library Setup

check-circle-outline
Use Vite for development
check-circle-outline
Use tsup with tsup-preset-solid for bundling the library
information-box-outline
Make sure @qinetik/anique @qinetik/emotion are peerDependencies

After Setup

Ensure it works, Import a component from @qinetik/emotion, Test development & Build a static site & then move on to theming