Skip to content
/ stwui Public
forked from N00nDay/stwui

Opinionated yet customizable Svelte-TailwindCSS component library

License

Notifications You must be signed in to change notification settings

chbert/stwui

 
 

Repository files navigation

Under Development npm version Chat license

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.

Installing

  • Run npm install stwui
  • Add require('stwui/plugin') to the plugins section of your tailwind.config.cjs
  • Add './node_modules/stwui/**/*.{svelte,js,ts,html}' to the content array of your tailwind.config.cjs
  • Add class to the darkMode property of your tailwind.config.cjs
module.exports = {
  content: [
    './src/**/*.{html,js,svelte,ts}',
    './node_modules/stwui/**/*.{svelte,js,ts,html}
  ],
  plugins: [
    require('@tailwindcss/forms'),
    require('stwui/plugin')
  ],
  darkMode: 'class'
};

How to Contribute

  • Clone the project to your local machine: git clone [email protected]: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.

Useful Resources

Contributors

Craig Howell N00nDay https://github.com/N00nDay

About

Opinionated yet customizable Svelte-TailwindCSS component library

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Svelte 64.8%
  • TypeScript 31.6%
  • JavaScript 3.1%
  • Other 0.5%