@0xsequence-demos/boilerplate-design-system v0.2.5
Boilerplate Design System
A reusable design system built with Tailwind CSS and React, available in two versions: legacy support for React 18 and an latest version for React 19.
Installation
There are two available packages:
React 19
pnpm add @0xsequence-demos/boilerplate-design-systemReact 18
pnpm add @0xsequence-demos/boilerplate-design-system@react-18Ensure you are using the correct version for your React project.
Tailwind Compatibility
This design system uses Tailwind CSS v4. If your project hasn't been upgraded yet, please follow the Tailwind CSS upgrade guide to migrate to version 4.
Updating Existing Projects
If you're updating from a previous version of the design system:
- Update your import paths in both JavaScript/TypeScript files and your tailwind.config.jsor CSS files to reflect the new module structure.
Change Imports
Was
import {...} from "boilerplate-design-system"
Now
import {...} from "@0xsequence-demos/boilerplate-design-system"
Include CSS styles
In your global css file, include:
@import "@0xsequence-demos/boilerplate-design-system/styles/index.css";
@source "../../node_modules/@0xsequence-demos/boilerplate-design-system";If you had previously included the boilerplate-design-system on the old path, you can simply update it to `@0xsequence-demos/boilerplate-design-system