Die Website toggles.dev präsentiert eine Kollektion verschiedener animierter Toggle-Schalter, gestaltet von Alfredo Jones.
Das Wichtigste
1Kollektion von Schaltern mit verschiedenen Animations- und Designstilen.
2Enthält Varianten wie classic, dark inner, eclipse, expand, half sun, horizon, lightbulb, light switch und within.
3Erstellt von Alfredo Jones (@_AlfredoJones).
Warum das relevant ist
Interaktive Toggles und Theme-Schalter (z. B. Dark Mode / Light Mode) sind wiederkehrende UI-Elemente. Ressourcen wie diese bieten visuelle Inspiration für Frontend-Entwickler und UI-Designer.
Einordnung
Die Seite ist eine minimalistische Show-and-Tell-Sammlung, die sich auf UI-Mikrointeraktionen für Schalter fokussiert. Sie demonstriert visuelle Konzepte insbesondere für Themes oder Zustandsänderungen.
Transitions.dev ist eine Sammlung von Benutzeroberflächen-Animationen für Webanwendungen. Die Übergänge decken Standardkomponenten sowie spezielle Interaktionsmuster für KI-Anwendungen ab und lassen sich direkt kopieren oder über einen Skill in KI-gestützte Coding-Agenten einbinden.
Der X-Nutzer MIKE empfiehlt die Website Design Spells als herausragende Ressource für UI-Animationen und Mikro-Interaktionen. Nach seiner Ansicht sorgen gerade solche Details dafür, dass Nutzer eine App schätzen.
Auf der Website von Appllama zeigt Entwickler Jaimin eine Sammlung von Beispielen für animierte Lade-Buttons inklusive einer Option zum Pausieren von Bewegungen.
Entwickler Jhey Tompkins hat unter dem Projektnamen Segue eine wachsende Prototypensammlung für Seitenübergänge veröffentlicht. Die Beispiele basieren auf CSS View Transitions und bieten Code zum Kopieren sowie für KI-Agenten.