Installation

Step-by-Step Guide to Installing ButterUI in Your Astro Project.

How to install

1. Install Butter/ui

   Install Butter/ui via npm to get access to all core components.

   npm i @butter-js/ui

2. Install Tailwindcss

   To add Tailwind CSS, use the following Astro command.

   npx astro add tailwind

3. Install GSAP

   Install GSAP to enable smooth and performant animations in Butter components.

   npm i gsap

4. Install CVA

   CVA helps manage conditional classes using variants, making your components cleaner and easier to maintain.

   npm i class-variance-authority