Komponenten entdecken

Animierter Fortschritts-Ring mit svelte/motion-Tween und kubischem Easing. Klick setzt einen neuen Zielwert — der Ring gleitet butterweich hin.

Futuristische CSS-only Ladeanimation mit rotierenden Neon-Ringen, pulsierendem Glow und leuchtendem Kern – ideal für moderne Apps, Dashboards und AI-Tools.

Textfeld mit weichem Verlaufs-Fokusring.

Kern mit auslaufenden Puls-Ringen (echtes Svelte).

Zwei gegenläufige Ringe im Marken-Verlauf.

Premium Vue Command/Search Input mit animiertem Gradient-Ring, Floating Label, Live-Suggestions, Keyboard-Navigation, Clear-Button, Ladezustand, Statuszeile und sauberem v-model-Support. Funktioniert auch direkt in der Komponenten-Vorschau ohne externe Abhängigkeiten.

Ein innovativer 3D-Loader ohne Objekt in der Mitte: animierte Tiefenringe, wandernde Signalpunkte und ein holografischer Tunnel-Effekt zeigen intuitiv „Laden / Synchronisieren / Generieren“. Sauber, premium, kein zufälliger Blob.

Ein futuristischer 3D-Loader mit rotierenden Portal-Ringen, Glaskern, Lichtstrahlen und Premium-Dashboard-Look. Perfekt für SaaS, KI-Tools, Uploads, Generierung oder App-Ladezustände.

Ein hochwertiger 3D-Loader mit rotierendem Glaskubus, Orbit-Ringen, Glow-Effekt und sauberem Reduced-Motion-Fallback. Ideal für moderne SaaS-, Dashboard- und Premium-UI-Ladezustände.

Vereint Liquid Glassmorphism, Aurora-Farbverläufe, 3D-Spatial-Tiefe und kinetische Typografie. Nutzt backdrop-filter für Lichtbrechung, conic-gradient mit @property für flüssige Nordlicht-Animation, perspektivische Neigung bei Hover und spekulare Highlights. Der Text pulsiert subtil, der Button schwebt in 3 Ebenen und wirft einen adaptiven Schatten. Dunkelmodus-First, barrierefrei, kein JavaScript.

Magnetischer Button mit echter Federphysik: svelte/motion-Spring folgt dem Cursor und schnappt sanft zurück. Zero-Dependency — die Physik bringt Svelte mit.

Mehrschichtiger 3D-Button mit physikalischem Drückverhalten, perspektivischer Neigung bei Hover und kinetischem Schichten-Glow. Nutzt CSS transform-style: preserve-3d, gestapelte Box-Shadows für Volumen und eine federartige Aktiv-Animation. Fühlt sich an wie ein echter mechanischer Schalter — ohne JavaScript.

Premium Call-to-Action Button mit fließendem Aurora-Farbverlauf, Glas-Effekt und physikbasierter Feder-Animation bei Hover. Nutzt CSS @property für flüssige Farbübergänge, backdrop-filter für echte Tiefenwahrnehmung und einen kinetischen Leuchtschatten, der auf Interaktion reagiert. Dunkelmodus-First, vollständig skalierbar, kein JavaScript nötig.

Drei springende Punkte in den Elementa-Markenfarben bewegen sich versetzt auf und ab, um einen freundlichen und verspielten Ladezustand im dunklen Design darzustellen.

Ein rotierender Ring mit einem fließenden Verlauf von Violett über Fuchsia zu Cyan erzeugt einen modernen, hochwertigen Ladeindikator vor dunklem Hintergrund.

Ein Eingabefeld mit schwebendem Label, das beim Fokussieren oder bei Eingabe elegant nach oben skaliert. Violetter Fokus-Ring, abgerundete Ecken und ruhige Bewegung im Dark-Theme.

Eine Glassmorphism-Karte mit einem Spotlight-Licht, das dem Mauszeiger folgt und den Rand zum Leuchten bringt.

Ein flüssiger Spinner aus rotierendem Conic-Gradient mit weichem Glow und ausgestanztem Ring.

Drei verschachtelte Ringe mit Orbit-Kometen, die in unterschiedlichen Geschwindigkeiten und Achsen kreisen.

Ein indeterminierter Fortschrittsring mit leuchtendem Kometenschweif und dezentem Track.

Eingabefeld, das beim Fokus von einem animierten Violett-Fuchsia-Cyan-Gradient-Ring umrahmt wird.