Just one of many ways animated icons can bring your interfaces to life. Here’s a simple check icon in action.
Preline
@prelineUI
Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
Joined April 2023
- Soon.. 🚀Been working on some animated icons for @prelineUI Kind of wild how far you can get now with AI and a little imagination. The best part: every one of them is pure CSS keyframes. zero JS. The shopping one is two separate Lucide icons, not one morphing into the other. you can't
- Headless JavaScript plugins unlock a completely different level of AI generated interfaces. We've spent the last decade optimizing for designers and developers. The next decade is about optimizing for LLMs. 🚀Upcoming @prelineUI demo. For the first time I built one entirely with @claudeai, without opening an IDE once. Zero custom CSS, zero custom JS. Every interaction is a Preline primitive, every color a design token, every section commented like the rest of the library. Thoughts?
- Should we add animated icons to Preline UI collection? 👀We spent a few days giving some cards on the Preline homepage something to do on hover. The Preline AI dropdown opens and the MCP icon pulls its plug apart. The prompts icon starts typing. The framework logos magnify under the cursor like the Apple Watch home screen. Blocks
