npm install craft-ds@latest

Craft Design System is a collection of Layout Components to be used with NextJS, Tailwind, and Shadcn to make the building of websites and layouts much faster.

For examples of the Craft Design System, check out components.bridger.to, craft.9d8.dev, or this repository.

npx create-next-app@latest my-app --typescript --tailwind --eslint

# Install Dependencies
npm install
npm install -D react-wrap-balancer
npm install -D @tailwindcss/typography
npm install -D next-themes

🔗 Follow these instructions for installation on a NextJS app

Replace the standard shadcn/ui tailwind.config to include the Tailwind Typography plugin

import { fontFamily } from 'tailwindcss/defaultTheme';

/** @type {import('tailwindcss').Config} */
module.exports = {
 // ... Shadcn `tailwind.config.js`
 plugins: [require('tailwindcss-animate'), require('@tailwindcss/typography')] // add this!
};