MyUI

Rethinking UI Development

MyUI provides a curated collection of beautifully animated components, built with Framer Motion and styled with Tailwind CSS. It s designed for you to own and adapt.

This is not a component library in the traditional sense. It s a starting point for your own.

Think about the limitations of typical UI libraries. You install a package, and you re bound by its styles and APIs. Customizing a component often means fighting against its design, leading to complex overrides and workarounds. MyUI solves this by giving you the code directly.

Our Philosophy

  • Transparent by Design:You get the full source code for every component. No black boxes.
  • Built for Integration:Components are designed to be composed and easily integrated with your existing projects.
  • Natively Animated:Motion is a core feature, not an afterthought. Every component is brought to life with Framer Motion.
  • Styled for Impact:Leveraging Tailwind CSS for a clean, modern aesthetic that you can instantly customize.

Transparent by Design

With MyUI, the component code lives in your project. This gives you complete control to modify and extend it to meet your exact needs.

  • Total Control: See exactly how each component is structured and styled, from the React code to the utility classes.
  • Limitless Customization: Directly edit any part of a component to match your unique design system.
  • Master the Animation: Fine-tune the Framer Motion props to create the perfect interaction and feel.

Built for Integration

Each component in MyUI is a self-contained, composable unit. They are built with standard web technologies, making them predictable and easy to combine with other UI elements. You re not locked into a rigid system.

Styled for Impact

MyUI components are designed to be visually appealing right out of the box. The use of Tailwind CSS ensures a consistent and modern design system that you can easily adapt.

  • Instant Polish: Your UI will have a clean, professional look with minimal effort.
  • Cohesive System: All components are designed to work together seamlessly.
  • Effortless Theming: Customizing colors, fonts, and spacing is as simple as editing your Tailwind configuration.
Installation