This is a collection of components built with shadcn to help streamline the process of writing applications with Tailwindcss.

Installation

After running npm i ssp-ui you can choose to use the bundled, static css for the components by importing the css file:

import 'ssp-ui/dist/styles.css'

Or you can include the library into your tailwind configuration by adding this line in your tailwind.config file:

content: [
  // your content...
  "./node_modules/ssp-ui/**/*.{js,mjs}",
],

To enable dark mode, install next-themes and wrap your app in a ThemeProvider with the attribute prop set to data-mode:

<ThemeProvider defaultTheme="dark" attribute="data-mode">
  {children}
</ThemeProvider>

Next, set the darkMode prop on your tailwind config:

darkMode: ['class', '[data-mode="dark"]'],

TODOS:

• [ ] Replace esbuild with rollup
• [ ] Review tree-shaking
• [ ] Fix correct usage of 'use client' only in necessary components