fetaUI is an icon system where every icon moves. It has 5,987 icons in 10 styles, and each icon comes with a default motion picked from what it means. Icons are plain SVG plus a small React component, so you can recolor them with currentColor, theme them with CSS variables and tree shake them.
Note: Interface Essential is free in all 10 styles: 744 icons, animated, as SVG and React components.
Why fetaUI
- One system, ten styles. Every icon exists in every style with the same name and metaphor, so you never mix sets.
- Motion with meaning. A bell rings, a gear turns, a check draws on. Every icon draws on by default, so a set feels consistent; switch any icon to pop, wiggle, spin and more.
- No players. No Lottie or JSON runtime. Each icon is SVG driven by Motion, so it stays light and themeable.
- Accessible by default. Icons respect reduced motion and are hidden from screen readers unless you label them.
Try the motion
notification-03settingstick-doubleheartdownloaddelete-02
Hover or focus a tile to play its motion.
What ships
- React components in
@fetaui/react, one per icon per style. - shadcn registry items you copy into your project as source.
- Static SVG packs for designers and other frameworks.
- A Figma library with every icon as a component and Riso color modes, in Pro + Figma.
Status
fetaUI is in pre-release. This is where things stand today.
Roadmap
- Free pack SVGs: Interface Essential in 10 styles
- Motion presets and per style motion
- Docs site and icon browser
- @fetaui/react components
- shadcn registry
- Pro: the other 33 categories in 10 styles
Next steps
Read Installation, browse the 10 styles, or open the icon browser. AI agents can read the whole site as llms.txt.