A soft gradient, a little depth, and a satisfying click.
A new home for your next interface Beautiful interfaces.
Beautiful interfaces.
Ready to build.
Thoughtfully crafted components, blocks, and UI kits. A little less ordinary. A lot more you.
Free to start. Yours to make your own.
a little less ordinary ✳
Made for the way you build.
ReactTypeScriptTailwind CSSshadcn compatible
THE BUILDING BLOCKS
Small details. Beautiful interfaces.
The pieces you need. The details you love. Yours to make your own.
Small interaction. A completely different feeling.
A calm, rounded home for your navigation.
A subtle frame that makes a simple idea stand out.
A quiet spotlight that follows your curiosity.
Thoughtful by default.
Accessible, responsive foundations for your next interface.
Yours to make your own.
Change the colors, spacing, and typography to fit your project.
Give every detail a little room to unfold.
✳ Built with care. Ready for your own finishing touches.
A HEAD START
Less building from scratch. More making it yours.
Beautiful sections that fit together. Start a little further ahead.
Marketing blocks2 thoughtfully crafted sections
THE FINER DETAILS
Everything, in harmony.
A foundation that feels considered.
⌘
Made for your workflow
Keep the code. Make it your own.
✧
Details that matter
A little care in every interaction.
Premium
A considered grid for the details that make you different.
Premium
One clear message. A beautiful place to start.
BETTER TOGETHER
A bigger picture. Beautifully put together.
From a consistent foundation to a complete starting point.
MAKE IT YOURS
Your vision. Your finishing touches.
Start with something beautiful. Then make it unmistakably yours.
✳
YOURS, DOWN TO THE DETAILS
A little more you.
Beautiful by design.
Real component. Your finishing touches.
RIGHT INTO YOUR WORKFLOW
From inspiration to your editor.
Find your piece. Add it to your project. Make it your own.
The source code is yoursNo runtime dependency on DesignMyUIBuilt for React & TypeScript
A little help getting started your next great interface⌘
// One small command. Your own component.
$
pnpm dlx shadcn@latest add https://designmyui.dev/r/aurora-button01
import { AuroraButton } from
'@/components/aurora-button';02
return <AuroraButton>
Make it happen
</AuroraButton>;Source-first. Always.Read the guide
A GOOD PLACE TO START
Start free. Go a little further.
Good design should be easy to start with.
Free components
A thoughtful starting point.
No credit card. Just creativity.
$0always free
Start building - Every free component
- Full source code
- Personal & commercial projects
- CLI & registry installation
Individual products
Found something you love?
Make just that piece yours.
Your pickpriced per product
Explore the collection - Choose the pieces you need
- Blocks, UI kits & templates
- Clear product-specific scope
- Source code you can make your own
All Access
For the ideas that keep coming.
One subscription. More possibilities.
$24.00per month · planned launch price
Checkout opens soon. Join the launch list.
- Premium catalog access
- New releases while subscribed
- One home for your building blocks
- Individual and team options to follow
Free components are ready to use today. Premium purchases are not open yet. A note on licensing
GOOD QUESTIONS
A few things you might be wondering.
A little clarity before you start building.
What is DesignMyUI?
A source-first library of React components, larger interface blocks, UI kits, and templates. Browse working products, choose a starting point, and make the code your own.
What do I need to use the components?
A React project with TypeScript. The free components include their own styles and work in Next.js. The registry can add them through the shadcn CLI; product pages list any additional dependencies.
Can I use them in commercial projects?
Yes. The published free components are released under the MIT license. Use them in personal projects and client work, keeping the license notice with the source. Premium products will have their own clearly published terms before sales open.
What is the difference between a UI kit and a template?
A UI kit groups related components and blocks into a consistent design foundation. A template is a starting layout for a particular kind of site. Each product page lists exactly what is included.
How do registry and MCP installation work?
Our registry serves the actual free component files. The shadcn CLI installs them into your project. You can also configure shadcn MCP in a supported editor, following the setup guide. You keep the code either way.
Can I buy premium products yet?
Not yet. You can explore the real products now, and use all published free components. Join the launch list to hear when premium checkout opens. No payment is taken by this site at this stage.
MAKE SOMETHING BEAUTIFUL
Your next interface starts here.
A thoughtful foundation for whatever comes next.
Find your first component