Custom tailwindcss config documentation
Generate the documentation of all the CSS classes generated with a custom tailwindcss config.
This is a Next.js project bootstrapped with create-next-app.
Location of tailwindcss config - src/constants/customTailwindConfig
Features
- Shows the status of the plugin ( Enabled/ Disbled ).
Eg. I have disabled float and clear plugins as i do not want to use them. So in the Sidebar and details page of float and clear, it shows disabled so that i don't accidently try to use them.
- Generated tailwindcss config is also shown
Shows the tailwindcss config provided and also the generated final config (after merging with the default config) used to generate the CSS classes. Eg. https://custom-tailwindcss-docs.vercel.app/config
- The CSS classes can be copied on click to the clipboard from the Class Table for all plugins
- Variants available for each plugin are shown on the plugin page.
Getting Started
First, run the development server:
npm run dev
yarn devOpen http://localhost:3000 with your browser to see the result.
TODO
1. animation, preflight, container plugin generation not available