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 init2
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...