Components

Signature Pad

A signature pad widget — pill button morphs into a canvas to draw with mouse or touch.

View Component

Upload Progress

A collapsible file upload widget with a shimmer progress bar — indigo while uploading, amber on pause. Expand to see per-file rows with live progress, time remaining, and pause, resume, refresh, and stop controls.

View Component

Live Session Pill

A compact live-session presence pill with an animated speaking indicator and overlapping avatars — clicks open a soft-UI modal showing all participants with a Join Now button.

View Component

New Project Modal

A pill button that morphs into a soft-UI project creation form — title, description, 7-swatch color label picker, Private toggle, and a checkmark-confirm Create button.

View Component

Radial Cards

Seven health-metric cards bloom into a slowly rotating flower — tap any petal to pull it forward and read your stats up close.

View Component

Ripple Type

SVG text animation warped by a turbulence filter. Toggle the fan — letters ripple.

View Component

Stack Tower

A column of 12 stacked words that reads as a rotating 3D cylinder — 2D transforms skew, scale and shift each row so the rotation travels down the stack. Hover lights one row in warm orange without breaking the rhythm.

View Component

Slice Type

A typographic magic trick. At rest you read one ambiguous word; hover and it splits into two — LIGHT lifting up, NIGHT sinking down, the shared letters resolving into separate glyphs.

View Component

Halo Type

Rotating 3D ring text animation — the front arc reads upright, the back arc upside-down.

View Component

Orbit

Kinetic text animation arranged in a circle. Hover slows the spin; letters push outward.

View Component

Wild Morph

Italic SVG word that warps under the cursor — a spring-physics text animation.

View Component

Playful

Kinetic typography where letters jump, drop, and rotate on cursor proximity.

View Component

Good Vibes

Interactive typography where letters scale 2x and become bold on hover.

View Component

Responsive Letters

Interactive text where each letter responds to cursor proximity, animating variable font properties (weight, stretch, italic, letter-spacing, skew) to create a deformation-under-pressure effect.

View Component

The Verdict Jar

Glass jar widget — click a reaction to spring the lid and watch the emoji bounce down.

View Component

Peel to Scan

A portrait card whose corner peels on tap, revealing a scannable Wi-Fi QR code.

View Component

Sticker Wall

A draggable sticker card wall. Drop notes, toss emoji, pile them up with real 2D physics.

View Component

Danger Stripes

Three crossing caution-tape stripes on orange. Hover to shake, click to intensify.

View Component

AI Job Cards

Three AI job card stacks with swipe-to-cycle. Brand logos, bookmark toggle, springs.

View Component

Label Cards

Colour-blocked label cards scattered at random angles. Tap one to spring it to centre.

View Component

Slide Deck

Swipeable card deck with four editorial slides. Navigate forward and back by drag or tap.

View Component

Task Cards

A swipeable project task card stack where each card has a unique accent colour, status badge, and due date. Drag left or right to cycle through tasks — springs back the dismissed card to the bottom of the deck.

View Component

Meet the Crew

A swipeable portrait card stack perfect for introducing a team, showcasing crew members, or picking an avatar. Four stacked cards fan out with soft rotations — drag to browse, tap to choose. Drop in your own photos and names for an About Us section, a character selector, or an onboarding profile picker.

View Component

Andromeda Button

A sci-fi / blueprint-aesthetic button with five variants (default, outline, ghost, destructive, link), three sizes (small, medium, large), optional leading icon, and full hover / focus / active / disabled state coverage. Transparent hairline surfaces sit on a near-black canvas, with an electric-blue accent that brightens and glows on interaction.

View Component

Glass AI Chat

Glassmorphism AI chat input with image upload, web search toggle, and model switcher.

View Component

Glass Progress

Glassmorphism progress bar panel with glowing gradient fills, spring-animated counters, staggered reveal, and replay button.

View Component

Glass Stepper

Glassmorphism numeric stepper with spring number flip, notification-style tinted buttons, and configurable min/max/step.

View Component

Glass Search Bar

Glassmorphism search bar with animated suggestion dropdown, active state glow, and reduced-motion support.

View Component

Glass Toast

Frosted glassmorphism toast notification stack with 4 variants, auto-dismiss progress bar, and spring-animated stacking.

View Component

Glass User Menu

Frosted glass user avatar trigger with animated dropdown, grouped menu items, and Log Out.

View Component

Glass Sidebar

Collapsible glassmorphism sidebar with icon-only and full label states, spring-animated expand and collapse.

View Component

Glass Notifications

Swipe-to-dismiss notification stack with glass cards and spring-animated layout transitions.

View Component

Glass Music Player

Mini music player with glass surface, spinning vinyl art, animated progress bar, and ambient glow.

View Component

Glass Toggle

On/off toggles with glass housing and liquid-feel spring animation. Track color transitions smoothly.

View Component

Glass Slider

Range sliders with glass tracks, glowing colored fills, and spring-animated thumbs that scale on drag.

View Component

Glass Dock

Glassmorphism macOS-style dock with cursor-proximity magnification. Icons scale with spring physics as the mouse approaches.

View Component

Glass Modal

Centered dialog with deep glass blur, scale-spring entrance, and staggered content reveal.

View Component

Glass Card

Glassmorphism content cards with 3D tilt-on-hover, spring physics, and a cursor-following glare highlight.

View Component

Glass Tags

Selectable pill-shaped tags with glass surfaces, unique color accents, and spring-animated check marks.

View Component

Glass Tab Bar

Frosted glass pill tab bar with a sliding active indicator. Edge tabs snap flush to the container wall.

View Component

Glass Navbar

Frosted glass navigation bar with animated active tab indicator, ambient color blobs, and spring-physics entrance.

View Component

Emoji Burst

A button that explodes emojis outward in all directions. Five emoji sets cycle on each click.

View Component

Noise Field

A grid of flowing arrows driven by layered sine-wave noise — like wind mapped on a weather chart. Hover to create a swirling vortex at the cursor.

View Component

LCD Clock

A retro 7-segment LCD clock with pixel-grid overlay. Shows live HH:MM:SS with blinking colon, AM/PM indicator, day of week row, and full date.

View Component

Encrypted Text

Two words scramble continuously in a pixel cipher. Hover the container to decrypt them one by one — mouse out and they snap back to noise.

View Component

Spider Web

An organic silk web that breathes with a slow idle bow. Hover to physically push the nodes — each intersection bounces back with tension, fading the strings near your cursor.

View Component

Magnetic Dots

A dense grid of dots that get magnetically pulled toward the cursor, snapping back with a satisfying elastic bounce when you leave.

View Component

Living Sphere

A wire-frame globe that breathes on its own — a narrow wave band drifts quietly across the surface. Hover to ripple the lines right where your cursor lands.

View Component