✨ Introduction

Atom UI is a lightweight, fast, and reusable component library built specifically for Vue 3.

It is designed to provide maximum control, performance, and flexibility without the overhead of large UI frameworks.

Unlike traditional UI libraries, Atom UI focuses on:

• Minimal bundle size
• Simple and predictable API
• Full customization freedom
• High performance

🚀 Features

• 🧩 Reusable Components — build once, use everywhere
• ⚡ Lightweight & Fast — optimized for performance
• 🎨 Fully Customizable — CSS-friendly structure
• 🧠 Developer Friendly — clean API with clear props & slots
• 📦 Tree-shakable — only used components are bundled
• 🔒 TypeScript Support — strong type safety

📦 Installation

pnpm add atom-ui-vue
# or
npm install atom-ui-vue
# or
yarn add atom-ui-vue

⚙️ Setup

import { createApp } from "vue";
import AtomUI from "atom-ui-vue";
import "atom-ui-vue/style.css";
import App from "./App.vue";

const app = createApp(App);

app.use(AtomUI);
app.mount("#app");

🧪 Usage

<template>
  <AtomButton variant="primary">Hello!</AtomButton>
  <AtomInput v-model="value" placeholder="Type something..." />
</template>

<script setup lang="ts">
  import { ref } from "vue";

  const value = ref("");
</script>

📖 Documentation

👉 Full documentation available here: 🔗 https://atomui-vue.netlify.app/

🛠 Use Cases

Atom UI is ideal for:

• Admin dashboards
• SaaS platforms
• CRM / ERP systems
• POS applications
• Custom business tools

🤝 Contributing

Contributions, issues and feature requests are welcome!

👉 GitHub: https://github.com/Foz1ljon/atom-ui

📄 License

MIT © 2026 Foz1ljon