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