Skip to main content

Fadgram Vue

A Vue 3 component library styled with Tailwind CSS – fast, modern, and developer-friendly.

Get started

Why Fadgram Vue?

  • 🎯 Vue 3 + TypeScript

    Written in TypeScript and built for Vue 3 Composition API.

  • 🎨 Tailwind CSS-first Design

    Every component integrates seamlessly with Tailwind utilities.

  • ⚡️ No Build Setup

    Use via `import 'fadgram-vue/style.css'` and register components globally or on-demand.

  • 📦 Tree-shakable

    Import only the components you use.

  • 🧩 Growing Set of Components

    Includes accordion, icon picker, form controls, alerts, and more.

Quick Install

  • Install via NPM

    npm install fadgram-vue

  • Add styles

    import 'fadgram-vue/style.css'

  • Register components

    Use `app.use(FadgramVue)` or import individually.

Fully Customizable

Tailor components using props, slots, and Tailwind classes.

  • Slot support

    Override inner content freely.

  • Extendable

    Create custom variants or override styles with ease.

  • Utility-first

    Style with Tailwind classes directly in usage.