⌘K

Docs

Introduction Installation Theming Motion AI and MCP Changelog

Components136

Button Action button Split button Button group Floating button group Expanding button group Copy button Action swap Icon morph Confirm morph Theme switcher

Hold to confirm Swipe actions Reactions

Dropdown menu Context menu User menu

Input Textarea Password field Password strength Search field Expanding search Inline edit

Number field Money input Phone input Scrub input Tag input Mention input Shortcut recorder

Select Combobox Multi-select Morph select Chip group

Radio cards Billing toggle Checkbox Radio group Switch Segmented control Rating Toggle group

Slider Elastic slider Range histogram slider Ruler slider Window rangeNewPro Lens rangeNewPro

Calendar Date picker Date range picker Time picker Color picker Emoji pickerPro

Rich text editor Signature pad File dropzone Avatar uploadPro

Tabs Breadcrumb Pagination Mega menu morphPro Table of contents progressPro

Scroll area Accordion Expandable card Resizable panels Expandable text

Dialog Drawer Bottom sheet Popover Hover card Tooltip Share accessPro Confirm popoverPro

Alert Toast Toast stack Announcement bar Cookie consent Undo toastPro

Progress Skeleton Stepper Countdown Usage meter Onboarding checklist

Avatar Avatar group Badge Presence stackPro

Card Metric card Empty state Metric tickerPro

Line chart Bar chart Donut chart Streamgraph Brush chart Waffle chart Slope chart Sparkline Gauge Activity heatmap Animated counter Ridgeline Treemap Split barPro

SunburstPro Sankey flowPro Funnel chartPro Radar chartPro Realtime streamPro Race bar chartPro Data gridPro

Sortable data table Tree table Tree view Reorderable list Filter toolbar Code block JSON viewer

Timeline Comment thread Chat thread

Image compare Carousel Card stack

Text reveal In-view title Text morph Text shimmer

Blocks122

KPI drilldownPro Metric explorerPro Revenue explorerPro MRR waterfallPro Cohort retentionPro Usage forecastPro Journey flowPro Uptime statusPro Pivot builderPro Choropleth explorerPro Connected scatterPro Horizon chartPro Account healthPro

Budget variancePro

Small multiplesPro Line replayPro

AI chatPro AI composerPro AI answerPro Model pickerPro Model arenaPro Prompt studioPro Document extractionPro Agent memoryPro AI side panelPro AI inline editPro Research runPro AI insight cardPro Catch upPro AI feature launchPro AI search barPro AI setup wizardPro Call insightsPro Lead scoringPro

Agent runPro Agent tasksPro Agent approvalsPro Agent routinesPro Agent orchestratorPro MCP serversPro Knowledge basePro Eval suitePro Agent builderPro Agent galleryPro

SidebarPro4 Page header Command palette Notification center Selection toolbarPro Empty states Search resultsPro

Login and sign up5, free and Pro variants Onboarding illustrationPro OTP input Multi-step formPro Two-factor setupPro Magic linkPro

Settings pagePro Settings commandPro Security settingsPro Billing overviewPro Usage billingPro Cancel flowPro Onboarding surveyPro Spend alertPro

Team membersPro Invite peoplePro Roles and permissionsPro Profile pagePro

API keysPro WebhooksPro IntegrationsPro Import wizardNewPro Environment variablesPro Domain verifyPro Webhook testerPro

Plan comparison Pricing calculatorPro Usage pricingPro Cart drawerPro Checkout summaryPro Live checkoutPro Seat managerPro Credit top-upPro

Wallet cardPro Delivery trackerPro Seat mapPro

Activity feedPro Support widgetPro Feature votingPro

File upload Media playerPro

Availability pickerPro Release readinessPro Feedback boardPro Smart schedulerPro Task breakdownPro Goal trackerPro

Hero section Hero signupPro

Scroll storyPro Spotlight gridPro Feature bentoPro Comparison table

Logo marquee Studio perspectivesPro Stats band

Changelog feed FAQ section Contact section Team showcasePro Blog grid

Site header Site footer CTA section Newsletter signup

Activity terrainPro Revenue globePro Customer galaxyPro Semantic zoomPro Layout morphPro Exploded viewPro

Screens14

Metrics dashboardPro Market terminalPro

Kanban boardPro Project boardPro Gantt timelinePro

Week calendarPro Month calendarNewPro

Team directoryPro

Inbox triagePro Support conversationPro Help centerPro

Product listingPro Product detailPro Invoice studioPro

Special components106

Share sheetPro Action morphPro Morph navPro DockPro Liquid tab barPro Orbit menuPro

Glass menuPro Glass segmentedPro Glass cardPro Glass tab barPro

Sheet stackPro Wallet stackPro Control centerPro Holo cardPro Card to articlePro Link unfurlPro

Product galleryPro Lightbox galleryPro Photo gridPro Cover flowPro

Voice orbPro Now playingPro Voice recorderPro

Booking pillPro Activity ringsPro Time dialPro Date reelPro

Keycap keyboardPro Slot text Sand textPro Typewriter terminalPro

Stretch refreshPro Morph loaderPro Skeleton morphPro Black holePro Charge sessionPro

Sticker peelPro Ticket tearPro Page curlPro Orbit logosPro Prize wheelPro

Dot gridPro Image trailPro Gravity wellPro Ink fluidPro Cursor trail drawPro

Agent statusPro Tool callPro Agent planPro Agent timelinePro Context windowPro Reasoning blockPro Source cardsPro Model cardPro AI workflowPro Code suggestionPro Ghost textPro Image generationPro Dictation buttonPro Speech playerPro Meeting summaryPro Reply draftPro Agent handoffPro PII redactionPro Response feedbackPro LLM cost calculatorPro Provider keysPro Generation statsPro AI translatePro TL;DR togglePro Connector setupPro Smart form fillPro Enrich columnPro Ticket routerPro Ask your dataPro Agent cursorPro Provider statusPro Training runPro AI commandPro Starter promptsPro AI mascotPro Image revealPro AI sparkPro Pixel mascotPro Ghost mascotPro Cube mascotPro Tone tunerPro Upgrade promptPro Referral cardPro Trial bannerPro Team switcherPro Live visitorsPro Social proof toastPro Install snippetPro

Data flowPro Payment flowPro DNS resolutionPro Model trainingPro Multi-region failoverPro Vector searchPro Branch graphPro Agent loopPro Mixture of expertsPro Speculative decodingPro Prompt cachePro Reasoning treePro

What’s new4 new

ComponentsSaved

Saved0

ComponentsSaved