U
uiNerd16/aicanvas
AI Job Cardsai-job-cardsThree AI job card stacks with swipe-to-cycle. Brand logos, bookmark toggle, springs. Free account required to install; source is free to read.
Alert (Andromeda)andromeda-alertAndromeda Alert component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Avatar (Andromeda)andromeda-avatarAndromeda Avatar component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Badge (Andromeda)andromeda-badgeAndromeda Badge component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Andromeda Buttonandromeda-buttonA 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. Free account required to install; source is free to read.
Button (Andromeda)andromeda-button-systemAndromeda Button component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Card (Andromeda)andromeda-cardAndromeda Card component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Checkbox (Andromeda)andromeda-checkboxAndromeda Checkbox component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Corner Markers (Andromeda)andromeda-corner-markersAndromeda Corner Markers component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Date Range Picker (Andromeda)andromeda-date-range-pickerAndromeda Date Range Picker component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Drawer (Andromeda)andromeda-drawerAndromeda Drawer component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Empty State (Andromeda)andromeda-empty-stateAndromeda Empty State component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Gauge (Andromeda)andromeda-gaugeAndromeda Gauge component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Heat Grid (Andromeda)andromeda-heat-gridAndromeda Heat Grid component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Icon Button (Andromeda)andromeda-icon-buttonAndromeda Icon Button component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Input (Andromeda)andromeda-inputAndromeda Input component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Metric Chart (Andromeda)andromeda-metric-chartAndromeda Metric Chart component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Nav Item (Andromeda)andromeda-nav-itemAndromeda Nav Item component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Panel Header (Andromeda)andromeda-panel-headerAndromeda Panel Header component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Panel Menu (Andromeda)andromeda-panel-menuAndromeda Panel Menu component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Planet (Andromeda)andromeda-planetAndromeda Planet component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Progress Bar (Andromeda)andromeda-progress-barAndromeda Progress Bar component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Radar Chart (Andromeda)andromeda-radar-chartAndromeda Radar Chart component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Radio (Andromeda)andromeda-radioAndromeda Radio component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Search Field (Andromeda)andromeda-search-fieldAndromeda Search Field component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Segmented Control (Andromeda)andromeda-segmented-controlAndromeda Segmented Control component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Slider (Andromeda)andromeda-sliderAndromeda Slider component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Spinner (Andromeda)andromeda-spinnerAndromeda Spinner component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Stat Tile (Andromeda)andromeda-stat-tileAndromeda Stat Tile component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Table (Andromeda)andromeda-tableAndromeda Table component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Tag (Andromeda)andromeda-tagAndromeda Tag component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Textarea (Andromeda)andromeda-textareaAndromeda Textarea component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Toggle (Andromeda)andromeda-toggleAndromeda Toggle component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Tooltip (Andromeda)andromeda-tooltipAndromeda Tooltip component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Trend Chart (Andromeda)andromeda-trend-chartAndromeda Trend Chart component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
User Card (Andromeda)andromeda-user-cardAndromeda User Card component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
User Menu (Andromeda)andromeda-user-menuAndromeda User Menu component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Blind Pull Toggleblind-pull-toggleA 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. Free account required to install; source is free to read.
Bubble Fieldbubble-fieldA 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. Free account required to install; source is free to read.
Charging Widgetcharging-widgetCircular battery indicator with animated liquid waves that rise as the percentage counts up, looping continuously. Free account required to install; source is free to read.
Crypto Swapcrypto-swapA crypto token-swap widget with live exchange rates, price impact, and an animated swap button. Free account required to install; source is free to read.
Cube Carouselcube-carouselAn 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 stop. No buttons, no snap, no controls, just the cube and your hand. Free account required to install; source is free to read.
Curious AIcurious-aiA 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 your cursor and blink between idle looks. Free account required to install; source is free to read.
Danger Stripesdanger-stripesThree crossing caution-tape stripes on orange. Hover to shake, click to intensify. Free account required to install; source is free to read.
Delete Buttondelete-buttonA red button that starts a five-second delete countdown, with a one-tap undo. Free account required to install; source is free to read.
Distortion Griddistortion-gridA canvas grid of thin lines that slowly undulate with large sweeping waves. Hovering repels the grid fabric outward from the cursor, amplifying the distortion across the entire canvas. Free account required to install; source is free to read.
Dot Griddot-gridA canvas-based dot grid background where hovering illuminates nearby dots with a smooth radial glow and organic fade. Free account required to install; source is free to read.
Emoji Burstemoji-burstA button that explodes emojis outward in all directions. Five emoji sets cycle on each click. Free account required to install; source is free to read.
Expanding Tabsexpanding-tabsA monochrome tab bar of icon circles. Click one and it expands into a labeled pill. Free account required to install; source is free to read.
Flip Calendarflip-calendarA desk-calendar widget showing dates 1–31 with a satisfying flip-clock page-turn animation. Free account required to install; source is free to read.
Glass AI Composerglass-ai-composeGlassmorphism AI chat input with image upload, web search toggle, and model switcher. Free account required to install; source is free to read.
Glass Cardglass-cardGlassmorphism content cards with 3D tilt-on-hover, spring physics, and a cursor-following glare highlight. Free account required to install; source is free to read.
Glass Dockglass-dockGlassmorphism macOS-style dock with cursor-proximity magnification. Icons scale with spring physics as the mouse approaches. Free account required to install; source is free to read.
Glass Modalglass-modalCentered dialog with deep glass blur, scale-spring entrance, and staggered content reveal. Free account required to install; source is free to read.
Glass Music Playerglass-music-playerMini music player with glass surface, spinning vinyl art, animated progress bar, and ambient glow. Free account required to install; source is free to read.
Glass Navbarglass-navbarFrosted glass navigation bar with animated active tab indicator, ambient color blobs, and spring-physics entrance. Free account required to install; source is free to read.
Glass Notificationsglass-notificationSwipe-to-dismiss notification stack with glass cards and spring-animated layout transitions. Free account required to install; source is free to read.
Glass Progressglass-progressGlassmorphism progress bar panel with glowing gradient fills, spring-animated counters, staggered reveal, and replay button. Free account required to install; source is free to read.
Glass Search Barglass-search-barGlassmorphism search bar with animated suggestion dropdown, active state glow, and reduced-motion support. Free account required to install; source is free to read.
Glass Sidebarglass-sidebarCollapsible glassmorphism sidebar with icon-only and full label states, spring-animated expand and collapse. Free account required to install; source is free to read.
Glass Sliderglass-sliderRange sliders with glass tracks, glowing colored fills, and spring-animated thumbs that scale on drag. Free account required to install; source is free to read.
Glass Stepperglass-stepperGlassmorphism numeric stepper with spring number flip, notification-style tinted buttons, and configurable min/max/step. Free account required to install; source is free to read.
Glass Tab Barglass-tab-barFrosted glass pill tab bar with a sliding active indicator. Edge tabs snap flush to the container wall. Free account required to install; source is free to read.
Glass Tagsglass-tagsSelectable pill-shaped tags with glass surfaces, unique color accents, and spring-animated check marks. Free account required to install; source is free to read.
Glass Toastglass-toastFrosted glassmorphism toast notification stack with 4 variants, auto-dismiss progress bar, and spring-animated stacking. Free account required to install; source is free to read.
Glass Toggleglass-toggleOn/off toggles with glass housing and liquid-feel spring animation. Track color transitions smoothly. Free account required to install; source is free to read.
Glass User Menuglass-user-menuFrosted glass user avatar trigger with animated dropdown, grouped menu items, and Log Out. Free account required to install; source is free to read.
Glitch Buttonglitch-buttonA terminal-inspired button with a text scramble glitch effect on hover. Free account required to install; source is free to read.
Good Vibesgood-vibesInteractive typography where letters scale 2x and become bold on hover. Free account required to install; source is free to read.
Grid Linesgrid-linesA dot grid connected by thin lines. On hover, a radial wave pulses outward from the cursor, illuminating lines and dots as it spreads. Free account required to install; source is free to read.
Halo Typehalo-typeRotating 3D ring text animation — the front arc reads upright, the back arc upside-down. Free account required to install; source is free to read.
Interactive Card Stackinteractive-card-stackA scattered stack of photo cards. Drag, click, or arrow keys to focus any card. Free account required to install; source is free to read.
Emoji Reaction Jarjar-of-emotionsGlass jar widget. Click a reaction to spring the lid and watch the emoji bounce down. Free account required to install; source is free to read.
Label Cardslabel-cardsColour-blocked label cards scattered at random angles. Tap one to spring it to centre. Free account required to install; source is free to read.
Magnetic Dotsmagnetic-dotsA dense grid of dots that get magnetically pulled toward the cursor, snapping back with a satisfying elastic bounce when you leave. Free account required to install; source is free to read.
Mark Togglemark-toggleAn 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. Free account required to install; source is free to read.
Meet the Crewmeet-the-crewA 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. Free account required to install; source is free to read.
Mood Trackermood-trackerA feelings check-in card with six expressive faces. Drag the segmented slider and the face, label, and liquid color wash shift with your mood. Free account required to install; source is free to read.
Seven-Segment Clockneon-clockA 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. Free account required to install; source is free to read.
New Project Modalnew-project-modalA 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. Free account required to install; source is free to read.
Grain Backgroundnoise-bgA canvas-based grain background of randomly scattered dots that illuminate with a soft Gaussian glow and organic connection lines on hover. Free account required to install; source is free to read.
Noise Fieldnoise-fieldA 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. Free account required to install; source is free to read.
OrbitorbitKinetic text animation arranged in a circle. Hover slows the spin; letters push outward. Free account required to install; source is free to read.
Spider Webparticle-constellationAn 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. Free account required to install; source is free to read.
Particle Sphereparticle-sphere9,000 particles arranged on a sphere with warm gold and cool silver tones, slowly spinning in Three.js. Free account required to install; source is free to read.
Peel to Scanpeel-corner-revealA portrait card whose corner peels on tap, revealing a scannable Wi-Fi QR code. Free account required to install; source is free to read.
Pill Togglepill-toggleA minimal iOS-style slider toggle — thumb glides between off (grey) and on (green) with a snappy spring. Fully responsive. Free account required to install; source is free to read.
PlayfulplayfulKinetic typography where letters jump, drop, and rotate on cursor proximity. Free account required to install; source is free to read.
Polaroid Stackpolaroid-stackFive 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. Free account required to install; source is free to read.
Product Card Deckproduct-card-deckA 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 loops endlessly. Every card pairs a picture with a title and a pill action button with hover and press states. Free account required to install; source is free to read.
Radial Cardsradial-cardsSeven health-metric cards bloom into a slowly rotating flower — tap any petal to pull it forward and read your stats up close. Free account required to install; source is free to read.
Radial Toolbarradial-toolbarA radial context menu that fans out formatting tools around a centre button, with active toggle states and an animated label pill. Free account required to install; source is free to read.
Responsive Lettersresponsive-lettersInteractive 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. Free account required to install; source is free to read.
Ripple Typeripple-typeSVG text animation warped by a turbulence filter. Toggle the fan — letters ripple. Free account required to install; source is free to read.
Runway Loaderrunway-loaderAn airplane taxis down a runway progress bar, nose tilting up and taking off at 100%. Free account required to install; source is free to read.
Scramble Textscramble-textTwo words scramble continuously in a pixel cipher. Hover the container to decrypt them one by one — mouse out and they snap back to noise. Free account required to install; source is free to read.
Signature Padsignature-padA signature pad widget — pill button morphs into a canvas to draw with mouse or touch. Free account required to install; source is free to read.
Slice Typeslice-typeA 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. Free account required to install; source is free to read.
Slide Deckslide-deckSwipeable card deck with four editorial slides. Navigate forward and back by drag or tap. Free account required to install; source is free to read.
Wireframe Globesphere-linesA 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. Free account required to install; source is free to read.
Stack Towerstack-towerA 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. Free account required to install; source is free to read.
Sticker Wallsticker-wallA draggable sticker card wall. Drop notes, toss emoji, pile them up with real 2D physics. Free account required to install; source is free to read.
Taga Toggletaga-toggleA 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. Free account required to install; source is free to read.
Task Cardstask-cardsA 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. Free account required to install; source is free to read.
Text Blur Revealtext-blur-revealWords animate into view one by one with a satisfying blur-to-sharp entrance, auto-replaying in a loop. Free account required to install; source is free to read.
Tilted Coverflowtilted-coverflow3D coverflow card carousel of seven tilted photos. Drag or arrows to focus any card. Free account required to install; source is free to read.
Travel DecktraveldeckA 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 comes forward. Free account required to install; source is free to read.
Upload Progressupload-progressA 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. Free account required to install; source is free to read.
Live Session Pillvoice-chat-pillA 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. Free account required to install; source is free to read.
Wave Lineswave-linesDense vertical lines that ripple across the canvas — two layered sine waves create organic bunching and breathing. Hover to send the lines into extreme waves across the whole canvas. Free account required to install; source is free to read.
Wild Morphwild-morphItalic SVG word that warps under the cursor — a spring-physics text animation. Free account required to install; source is free to read.
X Gridx-gridA canvas-based interactive background of × marks that illuminate and connect to neighbours with constellation lines on hover. Free account required to install; source is free to read.