Frame with structure.
Principles
Three tenets. One design language.
The frame organizes information. Motion communicates change. Hierarchy makes meaning legible.
Move with liquidity.
Communicate with clarity.
The design language
Frame. Transition. Hierarchy.
- 01Neobrutalist structure
Load-bearing borders, square geometry, hard shadows, and clear affordances organize information.
- 02Liquid motion
Continuous, purposeful movement communicates state. Reduced motion preserves the complete experience.
- 03Scientific Modern Clarity
Disciplined grids, legible typography, captions, and evidence make meaning unmistakable.
Components
The toolkit.
Browse the installable catalog. Interactive specimen migration is still in progress; this candidate is not the live Page.
81 items
Actions
Button
npx shadcn@latest add https://structured.glass/r/button.jsonActions
Button group
npx shadcn@latest add https://structured.glass/r/button-group.jsonActions
Toggle & toggle group
npx shadcn@latest add https://structured.glass/r/toggle.jsonActions
Toolbar
npx shadcn@latest add https://structured.glass/r/toolbar.jsonFeedback
Alert
npx shadcn@latest add https://structured.glass/r/alert.jsonData Display
Avatar
npx shadcn@latest add https://structured.glass/r/avatar.jsonData Display
Badge
npx shadcn@latest add https://structured.glass/r/badge.jsonForms
Calendar / date picker
npx shadcn@latest add https://structured.glass/r/calendar.jsonData Display
Card
npx shadcn@latest add https://structured.glass/r/card.jsonData Display
Portfolio card
npx shadcn@latest add https://structured.glass/r/portfolio-card.jsonData Display
Waveform
npx shadcn@latest add https://structured.glass/r/waveform.jsonData Display
Media player
npx shadcn@latest add https://structured.glass/r/media-player.jsonData Display
Carousel
npx shadcn@latest add https://structured.glass/r/carousel.jsonData Display
Chart
npx shadcn@latest add https://structured.glass/r/chart.jsonData Display
Empty
npx shadcn@latest add https://structured.glass/r/empty.jsonLayout
Fonts
npx shadcn@latest add https://structured.glass/r/fonts.jsonData Display
Item
npx shadcn@latest add https://structured.glass/r/item.jsonData Display
Kbd
npx shadcn@latest add https://structured.glass/r/kbd.jsonData Display
Marquee
npx shadcn@latest add https://structured.glass/r/marquee.jsonData Display
Meter
npx shadcn@latest add https://structured.glass/r/meter.jsonFeedback
Progress
npx shadcn@latest add https://structured.glass/r/progress.jsonFeedback
Data skeleton
npx shadcn@latest add https://structured.glass/r/skeleton.jsonFeedback
Spinner
npx shadcn@latest add https://structured.glass/r/spinner.jsonData Display
Table / data table
npx shadcn@latest add https://structured.glass/r/table.jsonFeedback
Tooltip · hover card
npx shadcn@latest add https://structured.glass/r/tooltip.jsonLayout
Typography
npx shadcn@latest add https://structured.glass/r/typography.jsonData Display
Accordion
npx shadcn@latest add https://structured.glass/r/accordion.jsonData Display
Collapsible
npx shadcn@latest add https://structured.glass/r/collapsible.jsonForms
Checkbox
npx shadcn@latest add https://structured.glass/r/checkbox.jsonForms
Command / combobox
npx shadcn@latest add https://structured.glass/r/command.jsonForms
Field
npx shadcn@latest add https://structured.glass/r/field.jsonForms
Input group
npx shadcn@latest add https://structured.glass/r/input-group.jsonForms
Input OTP
npx shadcn@latest add https://structured.glass/r/input-otp.jsonForms
Input · label · textarea
npx shadcn@latest add https://structured.glass/r/input.jsonForms
Fieldset
npx shadcn@latest add https://structured.glass/r/fieldset.jsonForms
Number field
npx shadcn@latest add https://structured.glass/r/number-field.jsonForms
Radio group
npx shadcn@latest add https://structured.glass/r/radio-group.jsonForms
Select / options
npx shadcn@latest add https://structured.glass/r/select.jsonForms
Switch · slider
npx shadcn@latest add https://structured.glass/r/switch.jsonLayout
Aspect ratio
npx shadcn@latest add https://structured.glass/r/aspect-ratio.jsonLayout
Resizable
npx shadcn@latest add https://structured.glass/r/resizable.jsonLayout
Scroll area
npx shadcn@latest add https://structured.glass/r/scroll-area.jsonLayout
Separator
npx shadcn@latest add https://structured.glass/r/separator.jsonNavigation
Breadcrumb
npx shadcn@latest add https://structured.glass/r/breadcrumb.jsonNavigation
Menubar
npx shadcn@latest add https://structured.glass/r/menubar.jsonNavigation
Navigation bar
npx shadcn@latest add https://structured.glass/r/navigation-bar.jsonNavigation
Navigation menu
npx shadcn@latest add https://structured.glass/r/navigation-menu.jsonNavigation
Pagination
npx shadcn@latest add https://structured.glass/r/pagination.jsonNavigation
Sidebar
npx shadcn@latest add https://structured.glass/r/sidebar.jsonOverlays
Alert dialog
npx shadcn@latest add https://structured.glass/r/alert-dialog.jsonOverlays
Context menu
npx shadcn@latest add https://structured.glass/r/context-menu.jsonOverlays
Dialog
npx shadcn@latest add https://structured.glass/r/dialog.jsonOverlays
Drawer
npx shadcn@latest add https://structured.glass/r/drawer.jsonOverlays
Popover
npx shadcn@latest add https://structured.glass/r/popover.jsonOverlays
Sheet
npx shadcn@latest add https://structured.glass/r/sheet.jsonFeedback
Toast / sonner
npx shadcn@latest add https://structured.glass/r/toast.jsonForms
Autocomplete
npx shadcn@latest add https://structured.glass/r/autocomplete.jsonForms
Checkbox group
npx shadcn@latest add https://structured.glass/r/checkbox-group.jsonForms
Form
npx shadcn@latest add https://structured.glass/r/form.jsonForms
Label
npx shadcn@latest add https://structured.glass/r/label.jsonData Display
Stat · metric display
npx shadcn@latest add https://structured.glass/r/stat.jsonLayout
Section header
npx shadcn@latest add https://structured.glass/r/section-header.jsonLayout
Keycap tiles
npx shadcn@latest add https://structured.glass/r/keycap.jsonLayout
Profile header
npx shadcn@latest add https://structured.glass/r/profile-header.jsonLayout
Profile card
npx shadcn@latest add https://structured.glass/r/profile-card.jsonNavigation
Floating tab bar & drawer
npx shadcn@latest add https://structured.glass/r/mobile-nav.jsonLayout
Site shell
npx shadcn@latest add https://structured.glass/r/site-shell.jsonData Display
Unit economics chart
npx shadcn@latest add https://structured.glass/r/unit-economics-chart.jsonLayout
Framework attribution
npx shadcn@latest add https://structured.glass/r/attribution.jsonLayout
Timeline
npx shadcn@latest add https://structured.glass/r/timeline.jsonNavigation
Stepper
npx shadcn@latest add https://structured.glass/r/stepper.jsonForms
Filter toolbar
npx shadcn@latest add https://structured.glass/r/filter-toolbar.jsonActions
Omnibar
npx shadcn@latest add https://structured.glass/r/omnibar.jsonLayout
Detail panel
npx shadcn@latest add https://structured.glass/r/detail-panel.jsonData Display
AI chat
npx shadcn@latest add https://structured.glass/r/ai-chat.jsonData Display
Testimonial card
npx shadcn@latest add https://structured.glass/r/testimonial-card.jsonLayout
Logo grid
npx shadcn@latest add https://structured.glass/r/logo-grid.jsonData Display
Activity feed
npx shadcn@latest add https://structured.glass/r/activity-feed.jsonActions
Dropzone
npx shadcn@latest add https://structured.glass/r/dropzone.jsonData Display
Pricing card
npx shadcn@latest add https://structured.glass/r/pricing-card.jsonLayout
Templates
npx shadcn@latest add https://structured.glass/r/site-templates.jsonShowcase
Built with the language.
Selected applications of Structured Liquidity.
Interspace Ventures
Strategy, ventures, company building, and operator networks.
Learn more →Cosmograph
An immersive research universe with an interactive spatial interface.
Learn more →Observatory
A scientific workspace for connected biological evidence.
Learn more →Exo
The underlying app platform for the EXOSYSTEM.
Learn more →Construct
The shared platform for Pages and reusable Surfaces.
Learn more →Rampart
A fitness game that turns completed protocols into power.
Learn more →2 Days Early
An operator-led fintech investment syndicate.
Learn more →For agents