TW Elements for React - 𝙃𝙪𝙜𝙚 collection of Tailwind + React components, sections and templates 😎
TW Elements React is a huge collection of free, interactive React components for Tailwind CSS.
|
TW Elements is a community-driven project. We invite you to track our live progress 👁️ on the upcoming release.
In the meantime you can also:
If you want to help the project grow, start by simply sharing it with your peers!
Thank you!
Check out the upcoming features - watch our social profiles to get early access!
Drag & drop builder | Templates | Design blocks |
A collection of stunning components made with attention to the smallest details. Forms, cards, buttons, and hundreds of others – in TW Elements React you will find all the essential elements necessary for every project.
Before starting the project make sure to install Node.js (LTS) version 14+, 16+ and TailwindCSS.
Run the following command to install the package via NPM:
npm install tw-elements-react
import "tw-elements-react/dist/css/tw-elements-react.min.css";
module.exports = {
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
"./node_modules/tw-elements-react/dist/js/**/*.js",
],
theme: {
extend: {},
},
darkMode: "class",
plugins: [require("tw-elements-react/dist/plugin.cjs")],
};
import { TECollapse } from "tw-elements-react";
Create, deploy and host anything with a single command.
npm install -g mdb-cli
mdb login
mdb init tw-elements-react
npm install
npm start
mdb publish