Pixel-perfect,
fatti per essere usati.

Codice pubblicato, copy & paste sicuro.

• Section LabelLive

  Heading di sezione con indice mono in apice — il marker editoriale del sito.

  Heading·Editorial·Server

  Copy prompt
• Stripe RuleLive

  Divisore diagonale a hatch: il separatore visivo fra sezioni.

  Layout·Decorativo·Server

  Copy prompt
• Social TileLive

  Riga social con icona dentro chip dark, label e handle, freccia hover.

  Link·Connect·Server

  Copy prompt
• Verified BadgeLive

  Spunta blu stile X/Twitter, pura SVG, eredita il colore accent.

  Badge·Identità·SVG

  Copy prompt
• Theme ToggleLive

  Toggle light/dark senza flicker, persistito su localStorage, due bottoni segmented.

  Tema·Client·Persistenza

  Copy prompt
• Status PillLive

  Pill mono con dot colorato per stato (Live, WIP, Soon, Note). Coerente fra Tools e Components.

  Badge·Stato·Server

  Copy prompt
• Pull QuoteLive

  Citazione editoriale con rail verticale, kicker mono e attribuzione.

  Editoriale·Tipografia·Server

  Copy prompt
• Stat CardLive

  KPI card minimale con kicker mono, valore tabular-nums e delta direzionale.

  Dashboard·KPI·Server

  Copy prompt
• KbdLive

  Chip tastiera con glifi sistema (⌘ ⇧ ⌥ ↵) e shadow tattile.

  Tastiera·Inline·Server

  Copy prompt
• CalloutLive

  Avviso inline con rail accent, kicker mono, icona toned, action opzionale.

  Inline·Avviso·Server

  Copy prompt
• Copy ButtonLive

  Bottone copy con feedback 'Copiato', tre toni (primary / secondary / ghost), modalità icon-only.

  Client·Clipboard·Action

  Copy prompt
• Code BlockLive

  <pre> framato con toolbar lingua/file e Copy button, scroll capped, opzione hover-only.

  Code·Editorial·Server

  Copy prompt
• Preview FrameLive

  Cornice live-preview con label rail e backdrop opzionale (flat / grid / hatch).

  Layout·Preview·Server

  Copy prompt
• Preview TabsLive

  Tabs Preview/Code con underline animato, accessibili (role tablist), zero dipendenze radix.

  Tabs·Client·A11y

  Copy prompt
• MarqueeLive

  Striscia infinita CSS, hardware-accelerated, fade ai bordi, pausa su hover.

  Motion·CSS-only·Server

  Copy prompt
• Number FlowLive

  Counter morph: parte da 0, raggiunge il valore con ease-out e blur-rise.

  Motion·Stat·Client

  Copy prompt
• Bento TileLive

  Card decorativa: due render path — solo preview frozen, oppure icon+kicker+name etichettato.

  Bento·Decorativo·Server

  Copy prompt
• Parallax LaneLive

  Wrapper client che traduce il contenuto al ritmo dello scroll con curva tanh asintotica.

  Motion·Client·Scroll

  Copy prompt
• Scroll VideoLive

  Image-sequence player scroll-driven (alla Apple): WebP frames + canvas + sticky pin per effetto premium.

  Premium·Scroll·Client

  Copy prompt
• Blob MixerLive

  Sculpture WebGL: icosfera ad alta risoluzione deformata da simplex-noise, 12 preset materiali (chrome, vetro, plasma, lava, perla…) che si crossfadano live.

  3D·Shader·WebGL·R3F·Postprocessing

  Copy prompt
• Blur TextLive

  Reveal editoriale: ogni parola sfuma da blur a fuoco quando entra nel viewport.

  Text·Animation·Editorial·Client

  Copy prompt
• Split TextLive

  Reveal teatrale: ogni carattere o parola scivola verso l'alto da un wrapper overflow-hidden.

  Text·Animation·Hero·Client

  Copy prompt
• Shiny TextLive

  Riflesso metallico in loop su una stringa — il "premium SaaS CTA" sweep.

  Text·Animation·CTA·Client

  Copy prompt
• Spotlight CardLive

  Card con riflettore radiale che segue il puntatore — il pattern più screenshottato di Aceternity.

  Card·Hover·Premium·Client

  Copy prompt
• Border BeamLive

  Un cometa luminosa percorre il bordo della card su un loop — Magic UI signature.

  Card·Border·Animation·Client

  Copy prompt
• Tilt CardLive

  Parallax 3D che insegue il puntatore — il pattern Apple/Perplexity.

  Card·3D·Hover·Client

  Copy prompt
• Animated BeamLive

  Cometa SVG che viaggia su una curva tra due nodi — il pattern Magic UI "X works with Y".

  Diagram·SVG·Animation·Client

  Copy prompt
• Testimonial CarouselLive

  Slider di testimonial con auto-advance, pause-on-hover, dot indicators e tastiera.

  Conversion·Carousel·Social Proof·Client

  Copy prompt
• Command PaletteLive

  Cmd+K launcher con fuzzy filter, gruppi, navigazione tastiera e portal.

  Power User·Search·Modal·Client

  Copy prompt
• AI Chat BubbleLive

  Bolla messaggio production-grade per app AI: streaming-aware, markdown safe, copia su hover.

  AI·Chat·Streaming·Markdown·Client

  Copy prompt
• AI Prompt InputLive

  Input chat moderno: textarea auto-grow, attachments, slash commands, send/stop morphing.

  AI·Chat·Input·Form·Client

  Copy prompt
• AI Tool Call CardLive

  La card "Searching the web…" che ChatGPT/Claude/Cursor mostrano durante un tool call.

  AI·Status·Card·Client

  Copy prompt
• Rainbow ButtonLive

  Bottone neutro su un alone arcobaleno animato. Buono per CTA prima visita, niente di più.

  Button·Effect·Client

  Copy prompt
• Shimmer ButtonLive

  Pillola scura con cometa che corre sul bordo. La versione bottone della BorderBeam.

  Button·Effect·Client

  Copy prompt
• Ripple ButtonLive

  Onde Material-style al click. Nessuna libreria, solo span injettati con animazione CSS.

  Button·Interaction·Client

  Copy prompt
• Shiny ButtonLive

  CTA solido invertito con sweep diagonale glossy on hover. Solo CSS.

  Button·Hover·CSS

  Copy prompt
• Pulsating ButtonLive

  CTA solido con due ring concentrici che pulsano fuori. Beacon sobrio per l'azione primaria.

  Button·Animation·CSS

  Copy prompt
• Interactive Hover ButtonLive

  Due stati: a riposo dot + label, on hover il dot riempie e una nuova label appare con freccia.

  Button·Hover·CSS

  Copy prompt
• Aurora TextLive

  Gradient aurora iridescente sul testo. background-clip: text + animazione background-position.

  Text·Animation·CSS

  Copy prompt
• Typing AnimationLive

  Typewriter classico con caret blinking. Quando finisce, il caret resta fermo.

  Text·Typewriter·Client

  Copy prompt
• Hyper TextLive

  Caratteri scramble in glifi random prima di sistemarsi sulla parola finale, da sinistra a destra.

  Text·Scramble·Client

  Copy prompt
• Word RotateLive

  Cicla un array di parole con translateY + opacity + blur. Inherit del font dal parent.

  Text·Rotate·Client

  Copy prompt
• Sparkles TextLive

  Testo con sparkle SVG (stelle a 4 punte) che spawn-ano e si dissolvono attorno.

  Text·Effect·Client

  Copy prompt
• Morphing TextLive

  Due layer di testo si morfano (blur + opacity + translate) tra una stringa e l'altra.

  Text·Morph·Client

  Copy prompt
• Line Shadow TextLive

  Headline con ombra fatta di striscioline diagonali, in stile editorial poster.

  Text·Shadow·CSS

  Copy prompt
• Text RevealLive

  Testo lungo si illumina parola-per-parola mentre scrolli sul container. fg-soft → fg.

  Text·Scroll·Client

  Copy prompt
• Dot PatternLive

  Background a griglia di pallini, SVG pattern crisp a qualsiasi zoom.

  Background·Pattern

  Copy prompt
• Grid PatternLive

  Background a griglia di linee, SVG pattern. Opzionalmente accende celle specifiche.

  Background·Pattern

  Copy prompt
• Animated Grid PatternLive

  Stessa griglia di GridPattern, ma celle random si accendono e dissolvono in loop.

  Background·Pattern·Client

  Copy prompt
• Retro GridLive

  Griglia synthwave anni 80 in prospettiva verso l'orizzonte. CSS perspective + rotateX.

  Background·Retro

  Copy prompt
• Flickering GridLive

  Canvas di celle che lampeggiano random. ResizeObserver, devicePixelRatio, prefers-reduced-motion.

  Background·Canvas·Client

  Copy prompt
• RippleLive

  Onde concentriche che si espandono dal centro come un sonar. Solo CSS, nessun JS.

  Background·Sonar

  Copy prompt
• Light RaysLive

  Fasci di luce sottili attraversano la superficie da un'origine in alto al centro.

  Background·Light

  Copy prompt
• Warp BackgroundLive

  Effetto iperspazio: striscioline radiali che corrono dal centro verso i bordi.

  Background·Effect

  Copy prompt
• Shine BorderLive

  Wrapper card con bordo conic-gradient che ruota lentamente attorno al contenuto.

  Effect·Border·Card

  Copy prompt
• Magic CardLive

  Card che si illumina sotto il cursore con un radial spotlight morbido. Hover gated.

  Effect·Hover·Client

  Copy prompt
• Glare HoverLive

  Riflesso glossy che segue il cursore sulla card. Hover-only, gated a fine pointer.

  Effect·Hover·Client

  Copy prompt
• MeteorsLive

  Strisce diagonali tipo meteora che cadono dal lato superiore. Pure CSS keyframes.

  Effect·Background·Client

  Copy prompt
• ParticlesLive

  Canvas con particelle che vagano e si scostano dal cursore. ResizeObserver + DPR-aware.

  Background·Canvas·Client

  Copy prompt
• Animated Theme TogglerLive

  Toggle tema con wipe circolare dal punto di click. View Transitions API + fallback.

  Theme·Transition·Client

  Copy prompt
• Safari MockLive

  Mock finestra Safari div-based: traffic-lights + URL pill + content slot. Niente SVG da modificare.

  Mock·Device·Showcase

  Copy prompt
• iPhone MockLive

  Frame iPhone 15 Pro: dynamic island (v2) o notch (v1) + tasti laterali volume/azione/power.

  Mock·Device·iOS

  Copy prompt
• Android MockLive

  Frame Pixel-style: corner radius più stretto, punch-hole per fotocamera frontale, niente island.

  Mock·Device·Android

  Copy prompt
• TerminalLive

  Mock di una sessione zsh con traffic-lights, font mono, righe Command/Output/Typing componibili.

  Mock·Code·Showcase

  Copy prompt
• DockLive

  Dock macOS-style con magnification per prossimità del cursore. Componibile via DockIcon.

  Navigation·macOS·Client

  Copy prompt
• Avatar CirclesLive

  Riga di avatar circolari sovrapposti + pillola "+N" per overflow. Server component.

  Social·List

  Copy prompt
• Orbiting CirclesLive

  Children orbitano un centro su un percorso circolare. Anello SVG opzionale come visual reference.

  Layout·Animation

  Copy prompt
• File TreeLive

  Sidebar gerarchica file/cartelle con folder collapsable. Mono font, Lucide icons.

  Code·Sidebar·Client

  Copy prompt