starter|ui
Docs
Components
docsBreadcrumb Iconinstallation
Installation
How to install dependencies and structure your app.
Requirements:
This project and the components are written in TypeScript. We recommend using TypeScript for your project as well.
  • Create project
    Start by creating a new React project using Vite:
    `npm create vite@latest`
  • Add Tailwind and its configuration
    Install tailwindcss and its peer dependencies, then generate your tailwind.config.js and postcss.config.js files:
    `npm install -D tailwindcss postcss autoprefixer`
    `npx tailwindcss init -p`
  • Install Framer Motion
    Install framer-motion from npm:
    `npm install framer-motion`
  • Install Starter UI package
    To install Starter UI, run one of the following commands in your terminal:
    `npm install starter-ui`
On This Page