elevate-react is an open source collection of UI components, built in React, with utility classes from Tailwind CSS that you can use as a starting point for user interfaces and websites

Table of Contents

• Documentation
• Getting started
  • Require via npm
  • Include via CDN
• Components
• Community
• Contributing
• Figma
• Copyright and license

Documentation

Documentation for elevate-react is not yet finished.

If you want to browse the components, visit elevate-react.com.

If you want to learn more about Elevate, visit Elevate docs.

Getting started

Make sure you have Node.js installed.

To use elevate-react, you need to setup elevate and also install elevate-react from npm or yarn.

elevate can be included as a plugin into an existing Tailwind CSS project.

1. Install elevate as a dependency using npm by running the following command:

npm i elevate elevate-react # or yarn add elevate elevate-react

2. Require elevate as a plugin inside the tailwind.config.js file, and include content from elevate-react:

module.exports = {
  content: [
    ...,
    'node_modules/elevate-react/**/*.{js,jsx,ts,tsx}'
  ],
  plugins: [..., require('')],
  ...
};