A
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.
Data Table (Andromeda)andromeda-data-tableAndromeda Data 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.
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.
Media Card (Andromeda)andromeda-media-cardAndromeda Media 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.
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.
Music Player (Andromeda)andromeda-music-playerAndromeda Music Player 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.
Waveform (Andromeda)andromeda-waveformAndromeda Waveform 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-fieldAn animated bubble background. A monochrome grid of outline circles bursts near the cursor, expanding and fading, then reforming. 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.
Diamond Griddiamond-gridA faint canvas grid of diamonds. Seeded sparks send light outward until fronts meet. Free account required to install; source is free to read.
Distortion Griddistortion-gridAn animated grid background. Thin lines undulate in slow sweeping waves, and hovering repels the grid fabric outward from your cursor. Free account required to install; source is free to read.
Dot Griddot-gridAn animated dot grid background. Hovering lights up nearby dots with a smooth glow and an 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 grid background of dots connected by thin lines. The cursor lights a radial glow and bulges the grid outward like a lens as it moves. 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-dotsAn interactive dot background. A dense grid of dots is magnetically pulled toward your cursor, snapping back with an elastic bounce. Free account required to install; source is free to read.
Magnetic Logo Clustermagnetic-logo-clusterAn interactive swarm of your logo. Marks fly in from off-screen, drift endlessly, and bend toward the cursor. 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 grain background of randomly scattered dots. Hover to illuminate them with a soft Gaussian glow and organic connection lines. Free account required to install; source is free to read.
Noise Fieldnoise-fieldAn animated flow field background. A grid of arrows driven by layered sine-wave noise drifts like wind. Hover and they turn to point at your 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 animated spider web background. Silk strands bow slowly at rest, and hovering pushes each node so it bounces back under tension. Free account required to install; source is free to read.
Particle Sphereparticle-sphereA 3D particle background built with Three.js. 9,000 particles sit on a slowly spinning sphere in warm gold and cool silver. 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 and 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.
Scroll Wipe Galleryscroll-wipe-galleryA full-bleed, scroll-driven photo gallery. Each photo wipes in from a different edge. 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-linesAn animated wireframe globe background. A narrow wave band drifts slowly across the surface, and hovering ripples the lines under your cursor. 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. The dismissed card springs back 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-linesAn animated line background. Dense vertical lines ripple with two layered sine waves, bunching and breathing. Hover to send waves across the 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-gridAn animated X grid background. Marks illuminate and connect to their neighbors with constellation lines as your cursor passes. Free account required to install; source is free to read.