Sections

• Introduction
• Installation
• Styling
• Colors
• Forms
• Skills
• RTL
• LLMs.txt
• Changelog

Components

• 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 InputNew
• Date Picker
• Dialog
• DrawerUpdated
• Editable
• Field
• File Upload
• FloatUpdated
• 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
• Password Input
• Popover
• Progress
• Prose
• QR Code
• Radio Group
• Rating
• Resizable
• Scroll Area
• Segment Group
• Select
• Separator
• Sheet
• Sidebar
• Signature Pad
• Skeleton
• Skip Nav
• Slider
• Spinner
• StatusUpdated
• Steps
• Switch
• Table
• Tabs
• Tags Input
• Textarea
• Timer
• Toast
• Toggle Group
• Toggle Tooltip
• Toggle
• Tooltip
• Tour
• Tree View

Utilities

• Client Only
• Download Trigger
• Format
• Highlight
• Hitbox
• JSON Tree View
• Presence
• Show
• Swap

Forms

• Formisch
• React Hook Form
• TanStack Form

Hooks

• useIsMobile

January 2026 - Beta 1

Copy Markdown

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.

On This Page

ComponentsTheme editorLimitations