Introduction - Aspect UI

Aspect UI is an open-source component library built on top of React and Tailwind CSS. It offers a collection of pre-designed UI components and styles that you can easily integrate into your web applications. With Aspect UI, you get a powerful set of pre-built components, ready-to-use templates, and CLI tools to supercharge your workflow.

Table of Contents#

• Installation
• Quick Start with Templates
  • Next.js Template
  • Vite Template
• Usage
  • Get Started Today

Installation#

You can quickly install Aspect UI using npm:

npmyarnpnpm
Copy code
npm i aspect-ui

Or use our CLI tool to scaffold components and setup files instantly:

npmyarnpnpm
Copy code
npx aspect-ui@latest init

Quick Start with Templates#

Want to jump right into building? You can create a fully set-up project using our ready-made templates for Next.js or Vite.

Next.js Template#

npm
Copy code
npx -p aspect-ui@latest next-app

This will generate a new Next.js app preconfigured with Aspect UI.

Vite Template#

npm
Copy code
npx -p aspect-ui@latest vite-app

This will create a new Vite React project with Aspect UI fully integrated.

Usage#

After installation, you can start using components right away. Example:

javascript
Copy code
import { Button } from '@components/aspect-ui';

export default function HomePage() {
  return <Button>Get Started</Button>;
}

Get Started Today#

Aspect UI is designed to help you move fast and create beautiful, consistent UIs with minimal effort. Whether you're building a personal project, a startup MVP, or a large-scale production app, Aspect UI gives you the tools to succeed.

👉 Start building with Aspect UI today and make your ideas come to life!