@aicanvas

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

A sci-fi / blueprint-aesthetic button with five variants (default, outline, ghost, destructive, link), three sizes (small, medium, large), optional leading ico…

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 —…

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.

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.

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

A crypto token-swap widget with live exchange rates, price impact, and an animated swap button.

An interactive 3D photo cube with six placeholder images on its faces. Drag with your cursor to spin it freely on both axes; release and it coasts naturally to…

A morphing 3D AI orb in Three.js with cyan and magenta rim lights, iridescent pink speckles on a wrinkled surface, and glowing pink robot-eye pills that follow…

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

A canvas grid of thin lines that slowly undulate with large sweeping waves. Hovering repels the grid fabric outward from the cursor, amplifying the distortion …

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

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

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

A swipeable deck of destination cards. Drag the front card down to fling it off-screen and reveal the next. Each card reveals an animated hotels counter as it …

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

A dot grid connected by thin lines. On hover, a radial wave pulses outward from the cursor, illuminating lines and dots as it spreads.

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

A scattered stack of photo cards. Drag, click, or arrow keys to focus any card.

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

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

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

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.

A feelings check-in card with six expressive faces. Drag the segmented slider and the face, label, and liquid color wash shift with your mood.

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.

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 Creat…

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

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.

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

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 ne…

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

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

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

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

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.

A draggable card deck you flick through one card at a time. The top card leans toward your drag, then spins away with momentum to reveal the next, and the deck…

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

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

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

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

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

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.