Svelte-TailwindCSS UI (STWUI) is currently in pre-release. There has been a lot work already but a lot of work still needs to be done. Most of my inspiration comes from TawilwindUI with a desire to create a component library similar to React component libraries that are less reliant on remembering class names. Contributors and collaborators welcome!
A showcase can be found at https://stwui.vercel.app/. Documentation is still forthcoming but you can at least see the components being used.
- Run
npm install stwui
- Add
require('stwui/plugin')
to theplugins
section of yourtailwind.config.cjs
- Add
'./node_modules/stwui/**/*.{svelte,js,ts,html}'
to thecontent
array of yourtailwind.config.cjs
module.exports = {
content: [
'./src/**/*.{html,js,svelte,ts}',
'./node_modules/stwui/**/*.{svelte,js,ts,html}'
],
plugins: [
require('@tailwindcss/forms'),
require('stwui/plugin')
]
};
- Clone the project to your local machine:
git clone git@github.com:N00nDay/stwui.git MY-PROJECT-NAME && cd MY-PROJECT-NAME
- Install dependancies with
npm install
- Start your dev server with
npm run dev
- Make changes, and submit your pull request.
📖 The docs are included in this repo which is itself a SvelteKit app. You'll find the pages for each component within src/routes/
.
Craig Howell N00nDay https://github.com/N00nDay