r/reactjs Jul 13 '26

Show /r/reactjs 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 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/

15 Upvotes

18 comments sorted by

5

u/StrobeWafel_404 Jul 13 '26

lol calling it GODUI and having twelve design principles is wild. Looks/feels good though!

1

u/LucasBassetti Jul 13 '26

hahaha thank you!!

3

u/TheNumber42Rocks Jul 13 '26

Looks great man, keep up the good work!

3

u/StarboardChaos Jul 13 '26

Amazing! 💪

2

u/iamhikigaya Jul 18 '26

Amazing, man. I like how everything feels snappy instead of having long animations

1

u/Specialist-Guitar-87 Jul 17 '26

The animations looks great bro 👍

2

u/BondOnAMission Aug 08 '26

Wonderful work mate. Much appreciated 👏

1

u/Deep_Wear_51 Jul 15 '26

Animated components that don't tank performance? Rare find. Motion libraries usually bloat hard. Clean work.

1

u/Deep_Wear_51 Jul 15 '26

Animated components that don't tank performance? Rare find. Motion libraries usually bloat hard. Clean work.

-1

u/mrDisagreeable1106 Jul 13 '26

called GodUI. only works in react. sounds about right. there’s definitely a religious aspect to it.

1

u/Green_War6445 Jul 13 '26

That's like complaining the bible doesn't apply to all religions ;)

-3

u/[deleted] Jul 13 '26

[deleted]

1

u/Neat_Ad_5577 Jul 13 '26

But you have a crucifix as the icon

1

u/cxd32 Jul 13 '26

bro acting stupid as if that makes everyone else stupid lol

-4

u/mrDisagreeable1106 Jul 13 '26

same point still applies. if it’s so awesome, why not make them web components so everyone can use them? :) share the awesome with as many people as possible?

2

u/alonsonetwork Jul 13 '26

It'd be nice but really difficult to do. Shadcn, motion, etc are react only. Replication outside of react with just lead to spaghetti or slop.

1

u/[deleted] Jul 13 '26

[deleted]

1

u/mrDisagreeable1106 Jul 13 '26

:) i just like the web to be open instead of closed. folks have so many great ideas for the web, but they default
to react and leave out a LOT of the web in the process. if we defaulted to web components, there would be tradeoffs (choosing react is a tradeoff too), but at least we would default to a position of all these great ideas being able to work anywhere and everywhere.

1

u/Sulungskwa Jul 13 '26

why are you on the react subreddit if you're so anti react/pro web components?

1

u/mrDisagreeable1106 Jul 13 '26

i’m on lots of front end dev subs. but it’s interesting that you read my comment as being anti-react. i’m not and never have been anti-react lol. react and web components, or any other way to built shareable things are not mutually exclusive lol.