B
starc007
/
ui-components
/
blocks
Files
Code
Info
File Upload Attachment Upload
attachment-upload
A mixed attachment workspace with a dropzone, staggered file and image rows, animated upload, success, failure, retry and removal feedback, shared-layout image previews, and an audio waveform.
Availability Scheduler
availability-scheduler
Weekly availability editor where each day springs between available and unavailable, time ranges add and remove with blur-slide motion, times pick from a scrollable dropdown, and a copy menu clones hours to other days.
Bloom Menu
bloom-menu
A button that morphs open into a menu and blooms iris-out from the center, the grid revealing in every direction with radially staggered items.
Command Palette
command-palette
⌘K palette with fuzzy filter, spring-animated active row and glass surface.
Dynamic Island
dynamic-island
iOS-style island pill that morphs between live activity views with bouncy shell resize and blur crossfades.
Expandable Action Bar
expandable-action-bar
Compact icon actions that expand into labeled controls on hover or focus with shared layout motion.
Expandable Tabs
expandable-tabs
Icon tab bar where the active tab expands to a labelled pill, with a panel above that morphs height and slides content direction-aware on switch.
Feedback Widget
feedback-widget
Corner trigger that morphs open into a feedback popup with message entry and animated sending, success and retry states.
File Upload Upload Queue
file-upload
A drag-and-drop upload queue with progress rows, upload states, retry, and removal.
Infinite Masonry
infinite-masonry
Responsive virtualized masonry that measures variable-height cards and loads more data as the user nears the end.
Fixtures Knockout Bracket
knockout-bracket
Pages one round at a time. The leftmost round stacks at a fixed rhythm, each later round centers between its two feeder matches, and cards, elbow connectors, headers and stage height animate into every new layout. A third place play-off sits below the tree under its own rule.
Fixtures Knockout Wheel
knockout-wheel
The tournament drawn radially. The champion holds the hub, each round is a ring further out, and the teams themselves form the rim. Nodes spring in ring by ring, and hovering one isolates that team while the rest recede.
404 / Not Found Glitch
not-found-glitch
Digits scramble through random glyphs before resolving, with a chromatic split on hover.
404 / Not Found Magnetic
not-found-magnetic
Each digit is cursor-attracted via the Magnetic wrapper and springs back on leave.
404 / Not Found Spotlight
not-found-spotlight
A dark panel where a cursor-tracked spotlight reveals the bright code from a dim base.
404 / Not Found Stacked
not-found-stacked
A code card over a hidden stack that fans out with a spring on hover.
404 / Not Found Terminal
not-found-terminal
A terminal window that types a failed cd command and a 404 status, with a blinking caret.
Notification Stack
notification-stack
Compact notification cards that spring from a stacked summary into a readable list on hover, focus or tap.
OTP Input
otp-input
One-time-code input with a gliding focus ring, digits that roll in per slot, error shake and a success check draw.
Overflow Actions
overflow-actions
Connected pill rail for primary actions that springs open to reveal extra controls.
Prediction Market
prediction-market
Prediction market trade ticket with buy/sell modes, outcome prices, rolling amount entry, quick add chips and trade states.
Multi-chain Swap
swap
Cross-chain swap widget with chain + token selectors, morphing views, animated flip and quote.
Swipeable List
swipeable-list
Mobile-style list rows that swipe left or right to reveal contextual action buttons.
Wallet Card
wallet-card
Wallet overview card with an account switcher and search that morph open from their triggers, a cascading balance with a live change pill and privacy toggle, copy-address, and Send / Deposit / Swap / Buy actions.
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information
File Upload Attachment Upload
attachment-upload
A mixed attachment workspace with a dropzone, staggered file and image rows, animated upload, success, failure, retry and removal feedback, shared-layout image previews, and an audio waveform.
Availability Scheduler
availability-scheduler
Weekly availability editor where each day springs between available and unavailable, time ranges add and remove with blur-slide motion, times pick from a scrollable dropdown, and a copy menu clones hours to other days.
Bloom Menu
bloom-menu
A button that morphs open into a menu and blooms iris-out from the center, the grid revealing in every direction with radially staggered items.
Command Palette
command-palette
⌘K palette with fuzzy filter, spring-animated active row and glass surface.
Dynamic Island
dynamic-island
iOS-style island pill that morphs between live activity views with bouncy shell resize and blur crossfades.
Expandable Action Bar
expandable-action-bar
Compact icon actions that expand into labeled controls on hover or focus with shared layout motion.
Expandable Tabs
expandable-tabs
Icon tab bar where the active tab expands to a labelled pill, with a panel above that morphs height and slides content direction-aware on switch.
Feedback Widget
feedback-widget
Corner trigger that morphs open into a feedback popup with message entry and animated sending, success and retry states.
File Upload Upload Queue
file-upload
A drag-and-drop upload queue with progress rows, upload states, retry, and removal.
Infinite Masonry
infinite-masonry
Responsive virtualized masonry that measures variable-height cards and loads more data as the user nears the end.
Fixtures Knockout Bracket
knockout-bracket
Pages one round at a time. The leftmost round stacks at a fixed rhythm, each later round centers between its two feeder matches, and cards, elbow connectors, headers and stage height animate into every new layout. A third place play-off sits below the tree under its own rule.
Fixtures Knockout Wheel
knockout-wheel
The tournament drawn radially. The champion holds the hub, each round is a ring further out, and the teams themselves form the rim. Nodes spring in ring by ring, and hovering one isolates that team while the rest recede.
404 / Not Found Glitch
not-found-glitch
Digits scramble through random glyphs before resolving, with a chromatic split on hover.
404 / Not Found Magnetic
not-found-magnetic
Each digit is cursor-attracted via the Magnetic wrapper and springs back on leave.
404 / Not Found Spotlight
not-found-spotlight
A dark panel where a cursor-tracked spotlight reveals the bright code from a dim base.
404 / Not Found Stacked
not-found-stacked
A code card over a hidden stack that fans out with a spring on hover.
404 / Not Found Terminal
not-found-terminal
A terminal window that types a failed cd command and a 404 status, with a blinking caret.
Notification Stack
notification-stack
Compact notification cards that spring from a stacked summary into a readable list on hover, focus or tap.
OTP Input
otp-input
One-time-code input with a gliding focus ring, digits that roll in per slot, error shake and a success check draw.
Overflow Actions
overflow-actions
Connected pill rail for primary actions that springs open to reveal extra controls.
Prediction Market
prediction-market
Prediction market trade ticket with buy/sell modes, outcome prices, rolling amount entry, quick add chips and trade states.
Multi-chain Swap
swap
Cross-chain swap widget with chain + token selectors, morphing views, animated flip and quote.
Swipeable List
swipeable-list
Mobile-style list rows that swipe left or right to reveal contextual action buttons.
Wallet Card
wallet-card
Wallet overview card with an account switcher and search that morph open from their triggers, a cascading balance with a live change pill and privacy toggle, copy-address, and Send / Deposit / Swap / Buy actions.
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information