https://github.com/thavixt/composia

https://github.com/thavixt/composia

Last synced: 4 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/thavixt/composia
• Owner: thavixt
• Created: 2025-05-11T10:50:17.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2025-05-21T22:41:01.000Z (about 1 year ago)
• Last Synced: 2025-08-26T07:10:36.614Z (10 months ago)
• Language: TypeScript
• Homepage: https://composia.komlosidev.net
• Size: 788 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# @thavixt/composia - a component library

| npm | github | bundle |

| --- | --- | --- |

| [![](https://img.shields.io/npm/v/@thavixt/composia?label=latest)](https://www.npmjs.com/package/@thavixt/composia) | ![GitHub last commit](https://img.shields.io/github/last-commit/thavixt/composia) | ![bundle (minified)](https://img.shields.io/bundlephobia/min/@thavixt/composia) |

| ![NPM Last Update](https://img.shields.io/npm/last-update/%40thavixt%2Fcomposia) | [![pipeline](https://github.com/thavixt/composia/actions/workflows/build.yml/badge.svg)](https://github.com/thavixt/composia/actions/workflows/build.yml) | ![bundle (minified)](https://img.shields.io/bundlephobia/minzip/@thavixt/composia) |

Tiny blocks, big wings!

![Composia logo](https://composia.komlosidev.net/composia.svg)

`composia` is a React component library based on `shadcn` with some modifications and additional components.

Visit the [Storybook](https://composia.komlosidev.net/) to view all available components with code examples.

## Installation

```bash

npm install @thavixt/composia

```

## Usage

Import the pre-built styles in your root component:

```tsx

import '@thavixt/composia/dist/index.css';

```

An example of using the `` component would look like this:

```tsx

import { Button } from '@thavixt/composia';

export function MyComponent() {

  return (

     console.log('Clicked!')}>

      Perform task

    

  )

}

```