0.1.2 β€’ Published 1 year ago

sylphkit v0.1.2

Weekly downloads
-
License
MIT
Repository
-
Last release
1 year ago

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:

  1. 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?

StatusName
πŸ› 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