https://nulib.github.io/design-system/
A global design system for NUL ReactJS UI components, intended for all front end applications, NPM modules, and user interfaces.
Built using:
- React
- TypeScript
- Radix Primitives to be "accessibility-first",
- Stitches package for styling
- NextJS for dev environment
- Rollup for package bundling
npm install @nulib/design-system
import { Button, Section, Tag } from "@nulib/design-system"
...
<Button
isPrimary
onClick={() => console.log("Ive been clicked")}
>
Click Me
</Button>
// Clone the repo
git clone [email protected]:nulib/design-system.git
// Install dependencies
npm install
// Run the local dev environment
npm run dev
Open http://localhost:3000 with your browser to see the result.
npm run build
npm run build:static
Per NextJS convention, this will output to the /out
directory. To view a local static build via a quick local server, run:
npm run build:static
npx serve out
A static version of the site is automated and pushed to the gh-pages
branch via Github Actions commits to the main
branch. View the static site at: https://nulib.github.io/design-system/