Vite installation

Create your project

Start by creating your Vite project if you don't have one already. Using Create Vite should speed up this process:

Or if you're using Typescript:

Install Reshaped

Download the latest Reshaped release from the Releases page and save the .tgz file into your project. Then install the package using the file path. For example, if you save the package as ./vendor/reshaped.tgz in the project root folder, you can run:

Add PostCSS config

Import a PostCSS config from Reshaped and add it to postcss.config.js file in the root folder:

Start the application

Run your build process with npm run dev.

Start using Reshaped components

Import some of the core components in src/App.tsx and try them out:

You can find more details in our vite-starter example on Github. If you want to learn more about components - search for the relevant components documentation in the sidebar.