STUDIO · 100 PIECES · 10 SETS
From the smallest press to the whole screen.
Toggles, buttons, cards and containers with deep APIs, and complete AI, workspace, data, flow and commerce surfaces — down to whole app screens. Every piece is live right here: open it on the stage to tweak it, then take the exact code with you.
- TogglesFollow Knot
The plus ties itself into a check.
- TogglesMute Cone
Sound folds back into the speaker.
- TogglesPin Press
Pressed into the board, pulled back out.
- TogglesPrivacy Blinds
Public, or private — slat by slat.
- TogglesRenew Loop
The arrows close the circle, the date turns over.
- TogglesFocus Moon
An eclipse for your notifications.
- TogglesRepeat Coil
Off, all, then just this one.
- TogglesLatch Lock
The shackle drops home.
- TogglesEye Lid
It watches until you close it.
- TogglesWish Tag
A price tag swings onto your list.
- ButtonsLaunch Pad
Three, two, one — shipped.
- ButtonsSettle Button
The amount runs down to paid.
- ButtonsDownload Tray
The file drops in, the tray slides shut.
- ButtonsBin Lid
Thrown away, with a window to fish it out.
- ButtonsUpload Orbit
The file circles until it lands.
- ButtonsPublish Press
A roller inks it live.
- ButtonsRefresh Wind
Wind it up, let it spin.
- ButtonsGate Button
Locked until the form is ready.
- ButtonsRewind Undo
Spool back through what you did.
- ButtonsPlug In
Connected, with a spark.
- CardsProfile Lift
The portrait steps out of its frame.
- CardsPricing Plinth
The plan you pick rises to meet you.
- CardsPlace Card
The map finds the door as you look.
- CardsTrack Card
Hover to see the shape of it.
- CardsRole Card
The salary band draws itself.
- CardsLesson Card
Progress you can see filling.
- CardsTeam Fan
Hover the stack, meet the team.
- CardsSwatch Card
Every colour re-dyes the product.
- CardsReview Card
The stars fill as the words come in.
- CardsMeeting Card
Join when the room lights up.
- ContainersPane Stack
Go deeper; the way back stays in view.
- ContainersFloat Panel
An inspector that docks where you leave it.
- ContainersTab Strip
Open as many as you like.
- ContainersBridge Menu
The panel follows the pointer across.
- ContainersList Detail
The row becomes the page.
- ContainersPush Sheet
The page steps back to make room.
- ContainersSearch Expand
The search makes its own room.
- ContainersZoom Timeline
Years to minutes in one scroll.
- ContainersSnap Board
Drag a widget; the others make way.
- ContainersCollapse Header
The title docks as you scroll.
- AIAnswer Panel
Read it while it is still being written.
- AIAgent Run
Watch the plan; approve the risky step.
- AIPrompt Dock
Everything you need, around the box you type in.
- AIThread View
A conversation you can branch.
- AIUsage Ledger
Where the tokens went.
- AISide by Side
Two models, one prompt, you decide.
- AIArtifact Pane
The thing it made, beside the chat.
- AIVoice Mode
Talk; watch it listen.
- AISource Search
Choose what the answer stands on.
- AIAgent Inbox
What your agents need you to look at.
- WorkspaceApp Shell
The frame every screen lives in.
- WorkspaceCommand Center
Every action, one keystroke away.
- WorkspaceSwim Board
Pick it up, carry it over.
- WorkspaceMail Inbox
Triage with a flick.
- WorkspaceWeek Planner
Draw an event where it belongs.
- WorkspaceFile Browser
Lasso, drag, drop into folders.
- WorkspaceReview Thread
Comments that know where they belong.
- WorkspaceNotice Center
Everything that happened, sorted out.
- WorkspaceBlock Editor
Write in blocks; move them freely.
- WorkspaceMember Roster
Who is here, and what they can do.
- DataData Grid
A table that keeps up with you.
- DataPulse Dashboard
Change the range; watch it all reflow.
- DataFunnel Flow
See where they slip away.
- DataStatus Board
Ninety days, one glance.
- DataFilter Builder
Say exactly which rows you mean.
- DataCohort Grid
Who stayed, week by week.
- DataActivity Stream
Everything that just happened.
- DataRegion Map
Pick a region; the map leans in.
- DataTree Map
Zoom into where it adds up.
- DataChart Morph
One dataset, any shape.
- FlowsSetup Checklist
Getting started, one step at a time.
- FlowsSign In
In, by whichever way you like.
- FlowsUpgrade Wall
What you get, and when you pay.
- FlowsBilling Panel
Cards, invoices and the next bill.
- FlowsSettings Form
Change what you want; keep what you did.
- FlowsIntegration Hub
Connect the tools you already use.
- FlowsSetup Wizard
Four steps, never lost.
- FlowsFeedback Widget
Tell us, in ten seconds.
- FlowsHelp Panel
Answers before you ask.
- FlowsInvite Flow
Bring the team in.
- CommerceProduct Detail
Look closer, then make it yours.
- CommerceCart Drawer
Everything in the bag, in one pull.
- CommerceCheckout Flow
Four steps to yours.
- CommerceOrder Tracker
Where it is, right now.
- CommerceProduct Grid
Filter, and the shelf rearranges.
- CommerceBundle Builder
Pick three, save more.
- CommerceReturn Flow
Send it back, easily.
- CommerceSubscription Manager
Skip, swap, or pause.
- CommerceRatings Summary
What everyone thought, at a glance.
- CommerceGift Builder
Choose, write, wrap.
- ScreensAI Workspace
A whole assistant, in one screen.
- ScreensMail Client
Three panes, zero clutter.
- ScreensMusic App
Library, now playing, queue.
- ScreensBank App
Money, made calm.
- ScreensProject Tracker
Plan it, board it, ship it.
- ScreensAnalytics Console
The numbers, arranged.
- ScreensTeam Chat
Channels, threads, people.
- ScreensNotes App
Write it down, find it later.
- ScreensCalendar App
Month, week, and the day ahead.
- ScreensStorefront
A shop that wants to be browsed.