I built an open-source collection of animated React UI components

Byhassanhosting531@gmail.com

I built an open-source collection of animated React UI components

I've been building GodUI, an open-source collection of React UI components for modern interfaces.

It started as a personal library because I kept rebuilding the same polished components and wanted a place to browse ideas whenever I started a new project. After using it for a while, I decided to open-source it.

Some things it focuses on:

  • Components with smooth, purposeful animations where they add value (while simpler components stay lightweight)
  • A Learn tab for each component that breaks down how its motion works, with animated scene-by-scene walkthroughs, annotated code, and live results, so you can learn the technique and not just copy it
  • A shared motion system based on 12 motion principles, with tokens mapped to Material 3 so animations feel consistent across the library
  • shadcn-compatible CLI installation, so components are copied directly into your project and are fully yours to modify
  • An MCP server for Cursor, Claude Code, Windsurf, and other AI IDEs—you can describe the component you want, and it finds the closest match and generates the code for you
  • Built with React, TypeScript, Tailwind CSS, and Motion

It's completely open source. If you find it useful, I'd really appreciate a ⭐ on GitHub.

GitHub: https://github.com/LucasBassetti/godui
Docs: https://godui.design/

submitted by /u/LucasBassetti
[comments]

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *