JSPM

vibe-components

1.0.4
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 2
  • Score
    100M100P100Q23515F
  • License ISC

A customizable, accessible React component library built with Tailwind CSS, CVA, and Storybook.

Package Exports

  • vibe-components
  • vibe-components/dist/cjs/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vibe-components) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

��# =��� Component Library A modern, customizable React component library built with TailwindCSS, Storybook, and CVA. Designed with reusability, accessibility, and flexibility in mind, this library offers a collection of essential UI components ready to integrate into your projects. ## =؀� Live Storybook Explore all components with live previews and documentation: =�I� [View Storybook on Chromatic](https://682b00920d98ca96e9428374-jivbikelwy.chromatic.com/) ## >��� Available Components - Accordion - Button - Card - DatePicker - Input - Pagination - Select Each component is built with accessibility and customization in mind, using TailwindCSS, class-variance-authority (CVA), and tailwind-merge (Tailwind Merge). ## =��� Installation bash npm install vibe-components ## =�'� Usage tsx import { Button } from 'vibe-components'; export default function App() { return <Button variant="primary">Click Me</Button>; } ## >��� Testing This project uses **Vitest** and **React Testing Library**. - Run all tests: npm run test - Run tests in UI mode (interactive testing interface): npm run test:ui > All tests are written for each component under src/tests/components, and setup is done using @testing-library/jest-dom. ## =��� Built With - [Vite](https://vite.dev/) - [TailwindCSS](https://tailwindcss.com/) - [Storybook](https://storybook.js.org/) - [CVA (Class Variance Authority)](https://cva.style/) - [tailwind-merge](https://github.com/dcastil/tailwind-merge) - [Vitest](https://vitest.dev/) - [React Testing Library](https://testing-library.com/docs/react-testing-library/intro/) ## =��� Scripts | Command | Description | | ------------------- | -------------------------------------- | | npm run storybook | Run Storybook locally | | npm run test | Run all tests | | npm run test:ui | Open Vitest UI for interactive testing | | npm run rollup | Build the package | ## =��� Publishing To publish updates to npm: npm publish --access public Make sure the README.md, description, and keywords in package.json` are updated before publishing. --- ## =�� License MIT � 2025 [Abhijit Manna](https://github.com/abhijitmanna)