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

✨ Why Aspect UI?

• ⚡ Fast and lightweight — Optimized, minimal, and production-ready components.
• 🎨 Highly customizable — Easily adapt themes and styles to match your brand.
• 🧩 Comprehensive component set — Buttons, cards, modals, forms, navigation, and more.
• 🚀 Instant project setup — CLI tools and starter templates get you going in seconds.
• 💻 Next.js & Vite support — Works seamlessly with today’s most popular React frameworks.

💡 Installation

Install Aspect UI using your favorite package manager:

Using npm

npm install aspect-ui@latest

Using yarn

yarn add aspect-ui@latest

Using pnpm

pnpm add aspect-ui@latest

⚙️ Quick CLI Setup

Want to scaffold your components and config instantly? Use the Aspect UI CLI:

Using npm

npx aspect-ui@latest init

Using yarn

yarn aspect-ui@latest init

Using pnpm

pnpm dlx aspect-ui@latest init

⚡ Create a New Project with Template

Jump-start your project with our pre-built Next.js or Vite templates, pre-configured with Aspect UI.

Next.js

npx -p aspect-ui@latest next-app

Vite

npx -p aspect-ui@latest vite-app

🛠️ Usage

After installing, simply import and start using components:

import { Button } from 'aspect-ui';

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

🌟 Get Started Today

Aspect UI helps you build beautiful, consistent, and scalable UIs faster than ever. Whether you’re working on a personal project, a startup, or an enterprise-level app — Aspect UI is your perfect design foundation.

👉 Start creating with Aspect UI today and turn your ideas into reality!