sylphkit v0.1.2
Welcome to SylphKit UIπ
What is SylphKit UIπ
SylphKit is a modern and innovative component library created especially for young developers with a passion for technology. With SylphKit, you can easily create stunning user interfaces for your Next.js and React projects using reusable components based on Tailwind CSS. Whether you're a novice or experienced developer, SylphKit saves you time by providing pre-designed, ready-to-use components, while allowing you to easily customize each component to meet your project's needs. With SylphKit, creating user interfaces becomes easier and more fun than ever.
Works out of the Cage. SylphKit UI contains a set of polished React components that work out of the box.
Flexible & composable.
Accessible.
Installing SylphKit
SylphKitπ is made up of multiple components and tools which you can import
one by one. All you need to do is install the SylphKit
package:
$ npm install sylphkit UIπ
Getting set up
To start using the components, please follow these steps:
- start using components like so!:
import { Button } from "sylphkit";
const App = () => <Button>I just consumed some SylphKit UIπ</Button>;
β - Released πΊ - Released but buggy π - Planning to Build β - Might Build?
Status | Name |
---|---|
π | Accordion |
π | Alert |
π | Alert Dialog |
π | Breadcrumb |
β | Button |
π | Box |
β | Checkbox |
π | Combo Box |
π | Dialog (Modal) |
π | Disclosure |
β | Feed |
β | Link |
π | Listbox |
π | Menu or Menu bar |
π | Menu Button |
π | Popover |
π | Pseudo Box |
π | Radio Group |
π | Slider |
π | Slider (Multi-Thumb) |
π | Table |
π | Tabs |
π | Toolbar |
π | Tooltip |
π | Tree View |
β | Treegrid |
β | Window Splitter |
β | Text |
β | Heading |
β | Textarea |
β | Radio |
β | Input |