Motoko UI

Build better. Designed for Production.
Modern React components crafted for developers who care about details.

✨ Philosophy

Design is much more than making something look beautiful.

Whether it's a device, a chair, a book, a website, or a piece of software, good design shapes how people feel, think, and interact with it. It builds trust before a single feature is explored and leaves an impression long after the product is closed.

Some products are designed so well that you want to open them even when you don't have a reason to.

When I was 17, I got a tattoo with a quote that has stayed with me ever since.

"Details make perfection, and perfection is not a detail."

I believe great products aren't built by one big idea. They're built through hundreds of thoughtful decisions, careful refinements, and attention to details that most people never consciously notice.

Motoko UI is my attempt to bring that philosophy into every component, every animation, every spacing decision, and every interaction.

I hope you'll find something here that helps you build products people genuinely enjoy using.

🚀 About Motoko UI

Motoko UI is an open-source collection of beautifully crafted React components, blocks, templates, and design primitives.

It is built for developers who care about aesthetics just as much as functionality. Every component is designed to be easy to copy, customize, and own without unnecessary abstractions.

Rather than trying to become another generic component library, Motoko focuses on creating interfaces that feel polished, intentional, and enjoyable to build.

Inspired by products like Raycast, Revolut, and Arc Browser, Motoko aims to deliver a premium user experience while remaining simple for developers.

🎯 Why Motoko UI?

After using countless UI libraries throughout my career, I realized I was always searching for the same thing: a component library with a stronger design identity.

Projects like shadcn/ui completely changed how UI libraries are built by giving developers ownership over their code. Motoko embraces that philosophy while placing even more emphasis on visual quality, motion, consistency, and the small details that often go unnoticed.

The goal isn't to reinvent the wheel.

It's to contribute something that makes the React ecosystem a little more beautiful.

✨ Key Features

  • 🎨 Beautiful by Default
    Carefully crafted components with polished spacing, typography, colors, and motion.

  • 📦 Copy & Paste
    Own every line of code. No black boxes or unnecessary abstractions.

  • ⚡ Modern Stack
    Built for React, Next.js, Tailwind CSS, Motion, and TypeScript.

  • 🎭 Highly Customizable
    Adapt every component to fit your own design system.

  • ♿ Accessible
    Built on top of Radix UI primitives with accessibility in mind.

  • 📱 Responsive
    Components designed to look great across all devices.

  • 🌍 Open Source
    Free forever under the MIT License.

  • 🚀 Production Ready
    Built with real-world applications and scalability in mind.

📚 Documentation

The documentation includes installation guides, usage examples, component APIs, templates, and best practices to help you build modern applications faster.

Visit to get started.

❤️ Inspiration

Motoko UI wouldn't exist without the incredible work of these people and projects.

Products

  • Raycast
  • Revolut
  • Arc Browser

UI Libraries

  • shadcn/ui
  • Magic UI
  • Aceternity UI
  • Animate UI
  • 21st.dev

Thank you for pushing design and developer experience forward.

🤝 Contributing

Contributions are always welcome.

Whether you'd like to report a bug, improve the documentation, suggest a new component, or submit a pull request, every contribution helps make Motoko better.

Please read the Contributing Guide before opening a Pull Request.

📄 License

Licensed under the MIT License.

Made with ❤️ by developers who believe details matter.