Overview

Templates in Nurav UI are more than just components — they are production-ready sections and layouts designed to be dropped directly into your project.

While individual components are the building blocks, templates represent the architecture. They combine multiple components, complex animations, and refined layouts into a cohesive unit that solves a specific UI challenge (like an image gallery, a hero section, or a pricing table).

Why Use Templates?

• Save Time: Skip the boilerplate and start with a polished, high-end design.
• Best Practices: Templates are built with performance, accessibility, and responsiveness in mind.
• Extensible: Just like our components, templates are yours to own. Copy the code and customize it to fit your unique brand.
• Micro-interactions: Enjoy seamless Framer Motion animations and subtle effects that make your site feel premium.

How to Use

Templates are added to your project similarly to components. You can use the CLI for instant integration or manually copy the source code.

Installation via CLI

The fastest way to add a template is using the shadcn CLI:

npx shadcn@latest add @nurav-ui/[template-name].json

Manual Integration

1. Browse: Choose a template from the sidebar.
2. Copy: Grab the source code from the "Manual Setup" section.
3. Paste: Drop it into your components directory.
4. Customize: Adjust the styles, animations, or logic as needed.

Explore

Start exploring our growing collection of templates and transform your vision into reality.