# π§© Offset UI
A modern and minimal UI component library built with **Next.js 15**, **TypeScript**, and **Tailwind CSS**.
This project aims to provide ready-to-use, customizable components featuring an
"Offset" design style (characterized by layered shadows and distinct depth).
## β¨ Features
- **β‘ Next.js App Router**: Leveraging the latest Next.js structure for optimal performance and SSR.
- **π‘οΈ Type-Safe**: Fully typed codebase to minimize runtime errors.
- **π¨ Tailwind CSS**: Utility-first styling for rapid customization.
- **π§© Modular Architecture**: Components are isolated and reusable.
- **π¦ PNPM**: Fast, disk-space efficient package management.
## π οΈ Tech Stack
- **Framework:** [Next.js 15](https://nextjs.org/) (App Router)
- **Language:** [TypeScript](https://www.typescriptlang.org/) (83.7% of codebase)
- **Styling:** [Tailwind CSS](https://tailwindcss.com/)
- **Package Manager:** [PNPM](https://pnpm.io/)
## π Project Structure
Offset_ui/
βββ app/ # App Router routes
βββ Components/ # Core UI Library (Buttons, Cards, Modals, etc.)
βββ lib/ # Utility functions
βββ models/ # TypeScript type definitions
βββ public/ # Static assets
βββ next.config.ts # Next.js configuration
βββ postcss.config.mjs # PostCSS/Tailwind config
βββ tsconfig.json # TypeScript configurationRepository navigation
Folders and files
| Name | Name | Last commit date | ||
|---|---|---|---|---|
Β | Β | |||
Β | Β | |||
Β | Β | |||
Β | Β | |||
Β | Β | |||
Β | Β | |||
Β | Β | |||
Β | Β | |||
Β | Β | |||
Β | Β | |||
Β | Β | |||
Β | Β | |||
Β | Β | |||
Β | Β | |||
Β | Β | |||