- Accordion
- Action Bar
- Alert Dialog
- Alert
- Announcement
- Aspect Ratio
- Autocomplete
- Avatar
- Badge
- Bottom Navigation
- Breadcrumb
- Button Group
- Button
- Calendar
- Card
- Carousel
- Chart
- Checkbox
- Circular Progress
- Circular Slider
- Clipboard
- Collapsible
- Color Picker
- Combobox
- Command
- Context Menu
- Data List
- Date Picker
- Dialog
- Drawer
- Editable
- Field
- File Upload
- Float
- Floating Panel
- Frame
- Hint
- Hover Card
- Image Cropper
- Input Group
- Input OTP
- Input
- Item
- Kbd
- Link Overlay
- Listbox
- Marquee
- Menu
- Native Select
- Number Input
- Pagination
- Popover
- Progress
- Prose
- QR Code
- Radio Group
- Rating
- Resizable
- Scroll Area
- Segment Group
- Select
- Separator
- Sheet
- Sidebar
- Signature Pad
- Skeleton
- Skip Nav
- Slider
- Spinner
- Status
- Steps
- Switch
- Table
- Tabs
- Textarea
- Timer
- Toast
- Toggle Group
- Toggle Tooltip
- Toggle
- Tooltip
- Tour
- Tree View
January 2026 - Beta 1
First beta release with core components, blocks, templates, and theme support.
Beta 1 marks the first public release of Shark UI. The goal was to build a set of components on Ark UI styled with Tailwind CSS, so you can add accessible primitives to a project without wiring up styles from scratch.
Components
Roughly 80+ components are available, grouped into several categories:
- UI primitives: Accordion, Alert, Avatar, Badge, Button, Card, Separator, Skeleton, Tabs
- Overlays and dialogs: Dialog, Menu, Popover, Sheet, Tooltip, Hover Card, Context Menu
- Forms and inputs: Input, Textarea, Checkbox, Radio Group, Select, Native Select, Field, Combobox, Input OTP, File Upload, Editable
- Layout and navigation: Sidebar, Scroll Area, Resizable, Pagination, Breadcrumb, Bottom Navigation
- Feedback and display: Progress, Slider, Rating Group, Toggle, Toggle Group, Steps, Carousel
Components are copy-paste: they land in your project, and you own the code. Tailwind and Ark UI are the only runtime dependencies.
Theme editor
The theme editor lets you tweak colors and copy the resulting CSS variables into your project. Themes follow the shadcn color convention, with extra variables for success, warning, info, and destructive states.
Limitations
This is a beta. Some components may change before a stable release. If you run into issues, open an issue on GitHub.