Beautifully Crafted UI Components to Elevate your Web Projects
Build faster with ready-to-use components, templates, and boilerplates crafted just for you.
Installation Guide
Get started in a few simple steps
1
Initialize Your Project
Start by setting up your project with Serenity UI. Run the following command in your terminal:
npx @ayushmxxn/serenity-ui@latest init
2
Add Components
Now that your project is ready, you can start adding components. To add a specific component, use:
npx @ayushmxxn/serenity-ui@latest add [componentName]
3
Use the Component
The added component will be available in your project's components/ui directory.
import React from 'react'; import Component from './components/ui/Component'; function Page() { return ( <div> <Component /> </div> ); } export default Page;
Frequently Asked Questions
Everything you need to know about Serenity UI
Loved by the Community
Join them and be part of the Serenity UI community!
Loading supporters...