Components

Danger Stripes

Three animated caution-tape stripes on a dark canvas. Hover to trigger chaotic jitter, 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

Polaroid Stack

Five polaroid photo cards stacked in a casual pile — click to fan them out in a spring-animated arc, hover to lift, click a card to spotlight it.

View Component

Particle Sphere

9,000 particles arranged on a sphere with warm gold and cool silver tones, slowly spinning in Three.js.

View Component

Text Blur Reveal

Words animate into view one by one with a satisfying blur-to-sharp entrance, auto-replaying in a loop.

View Component

Travel Deck

A swipeable deck of destination cards. Drag the front card down to send it to the back — each card reveals an animated hotels counter as it comes forward.

View Component

Glitch Button

A terminal-inspired button with a text scramble glitch effect on hover.

View Component

Flip Calendar

A desk-calendar widget showing dates 1–31 with a satisfying flip-clock page-turn animation.

View Component

Runway Loader

An airplane taxis down a runway progress bar, nose tilting up and taking off at 100%.

View Component

Charging Widget

Circular battery indicator with animated liquid waves that rise as the percentage counts up, looping continuously.

View Component

Dot Grid

A canvas-based dot grid background where hovering illuminates nearby dots with a smooth radial glow and organic fade.

View Component

Radial Toolbar

A radial context menu that fans out formatting tools around a centre button, with active toggle states and an animated label pill.

View Component

X Grid

A canvas-based interactive background of × marks that illuminate and connect to neighbours with constellation lines on hover.

View Component

Blind Pull Toggle

A dark/light mode toggle styled as a window-blind pull cord — click to yank the cord and watch the icon swap through a venetian-blind slat animation.

View Component

Taga Toggle

A playful pill toggle with an expressive face on the thumb — dead (×× eyes, flat mouth) when off, happy (arc eyes, big smile) when on. Track warms from grey to yellow.

View Component

Mark Toggle

An iOS-style pill toggle in warm earth and sand tones — the thumb carries a small icon that morphs from X to checkmark as it slides across.

View Component

Pill Toggle

A minimal iOS-style slider toggle — thumb glides between off (grey) and on (green) with a snappy spring. Fully responsive.

View Component

Noise Background

A canvas-based grain background of randomly scattered dots that illuminate with a soft Gaussian glow and organic connection lines on hover.

View Component

Bubble Field

A grid of outline circles that burst on hover — each expanding and fading like a soap bubble popping, then reforming, with a soft pastel blue palette.

View Component