open-index/open-npm huggingface dataset:
npm package: @sleekly/ui
Description: <div align="center">   <br />   <!-- <img src="https://via.placeholder.com/180/09090b/ffffff?text=S" alt="Sleekly UI" width="120" height="120"> -->   <br />   <br />
Latest version: 0.1.2

<div align="center">
  <br />
  <!-- <img src="https://via.placeholder.com/180/09090b/ffffff?text=S" alt="Sleekly UI" width="120" height="120"> -->
  <br />
  <br />

  <h1 align="center">✨ Sleekly UI</h1>

  <div align="center">
    <strong>The Next-Gen Component Library for High-Velocity Teams.</strong>
  </div>
  
  <div align="center">
    <i>Radically Reusable. Type-Safe. Aesthetically Superior.</i>
  </div>

  <br />

  <div align="center">
    <!-- <a href="https://www.npmjs.com/package/@sleekly/ui">
      <img src="https://img.shields.io/npm/v/@sleekly/ui?style=flat-square&color=000000&label=npm" alt="NPM Version" />
    </a>
    <a href="https://github.com/sleekly/ui/blob/main/LICENSE">
      <img src="https://img.shields.io/npm/l/@sleekly/ui?style=flat-square&color=blue&label=license" alt="License" />
    </a>
    <a href="https://github.com/sleekly/ui/stargazers">
      <img src="https://img.shields.io/github/stars/sleekly/ui?style=flat-square&color=yellow&label=stars" alt="Stars" />
    </a>
    <a href="https://twitter.com/sleeklyui">
      <img src="https://img.shields.io/twitter/follow/sleeklyui?style=flat-square&color=1DA1F2&label=follow" alt="Twitter" />
    </a> -->
  </div>

  <br />
  <br />
</div>

---

## 🏎️ The Elevator Pitch

**Sleekly** exists because modern web development deserves a UI library that keeps up with the speed of thought. We aren't just giving you buttons and inputs; we are giving you a **design system in a box**.

Built exclusively for **React 18+** and **Next.js (App Router)**, Sleekly focuses on Developer Experience (DX) as much as User Experience (UX).

### 🛠️ Tech Stack
![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)
![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)
<!-- ![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white) -->
![Framer Motion](https://img.shields.io/badge/Framer_Motion-0055FF?style=for-the-badge&logo=framer&logoColor=white)

---

## 📦 Installation

Get up and running in seconds. We support all major package managers.

```bash
npm install @sleekly/ui
# or
yarn add @sleekly/ui
# or
pnpm add @sleekly/ui