Free, open source React components and blocks with calm, physical motion. Live previews with editable props, Markdown docs and llms.txt for AI tools.
Record key combinations into key caps, with conflict warnings, Kbd, and a searchable cheatsheet.
Smooth ink that thins with speed, with undo, replay, and PNG or SVG export.
A sign in card that morphs from email to a six digit code to your account.
An account creation flow with field validation, password strength, and a clear completion state.
Silicon UI design tokens (color, surface, radius, shadow, accent, focus, light and dark themes), plus the shared motion presets. Install once per app.
The shared motion presets (durations, easings, springs, staggers) Silicon UI components import. Installed automatically with any item that uses them.
A website footer with link columns and newsletter, a minimal layout, and a large fading Silicon mark.
A sticky website header that turns solid on scroll, with a gliding active link, mega menu panels, and a mobile sheet.
Reserve space while content is still loading.
Pick a value or a range on a track that follows your finger.
Before and after on two axes: lines draw in, rank moves sit beside each value, and switching datasets slides every line to its new slope.
Text and numbers that spin into their new value on staggered slot machine reels.
Compare structured records with sortable columns.
Show a compact trend beside a value.
The next appearance opens from a slim center seam.
A primary action with a menu of nearby alternatives.
Headline numbers that count up in view, each with a tiny visual that proves it and a context line on hover, plain or in a hairline grid.
Show where a person is in a multi-step flow and what is done.
Layered streams on a wiggle baseline that morph between ranges, with a layer you can isolate and read week by week.
Reveal row actions with a swipe, or from the same actions in a menu.
A tactile toggle for settings that take effect immediately.
Switch between related content in the same context.
Turn short text values into removable tags.
A multiline field for notes, descriptions, and longer text.
Morph a label into its next state, letter by letter.
Reveal a short piece of content with restrained motion.
Show ongoing work with a calm light across the words.
Four smooth ways to move between light and dark appearance.
Follow what happened, newest first, grouped by day.
Choose a time with sensible keyboard behavior.
Brief confirmation for a completed background action.
Stack short results at the edge until you reach for them.
Short supporting text for unfamiliar controls.
A squarified treemap: click to drill and the tiles grow to fill the view, with a breadcrumb back and metrics that morph every tile.
Navigate nested folders and structured content.
Show what fills an allowance and how close it is to the limit.
Your account, settings, theme, and sign out behind the avatar. Opens as a bottom sheet on phones.
A ten by ten unit chart where every cell is one percent, and cells fly to their new group when the data changes.