Components
- Accordion
- Alert Dialog
- Alert
- Autocomplete
- Avatar
- Badge
- Button Group
- Button
- Card
- Carousel
- Chart
- Checkbox
- Clipboard
- Collapsible
- Combobox
- Command
- Context Menu
- Date Picker
- Dialog
- Editable
- Field
- File Upload
- Floating Panel
- Hover Card
- Input Group
- Input OTP
- Input
- Item
- Kbd
- Marquee
- Menu
- Native Select
- Number Input
- Pagination
- Popover
- Progress
- QR Code
- Radio Group
- Rating Group
- Scroll Area
- Select
- Separator
- Sheet
- Skeleton
- Slider
- Spinner
- Splitter
- Steps
- Switch
- Table
- Tabs
- Textarea
- Toast
- Toggle Group
- Toggle
- Tooltip
- Tour
- Tree View
What is Shark UI?
Shark UI is a opinionated UI library built on top of Ark UI and shadcn. It provides a set of components and utilities that are designed to be used in a modern web application. Shark is a combination of shadcn and ark initials.
Motivation
Ark UI has more headless components, it's made by the team behind Chakra UI also is a direct alternative to Radix Primitives and Base UI and a more opinionated approach to shadcn.
Solution
Because of the Ark UI docs don't have examples with Tailwind CSS and how to create a reusable design system, I decided to create a new library.
Installation
Follow the installation guide to install Shark UI in your project.