@pump-fun/retail-design-system

A collection of reusable React components built with TypeScript and CSS Modules.

[!WARNING] This project is currently a work in progress. Forked from https://github.com/nattstack/react-components

Get Started

bun install
bun run dev

Links

• Website: https://retail-design-system-web.preview.pump.fun
• Storybook: https://retail-design-system-storybook.preview.pump.fun

Installation

bun add @pump-fun/retail-design-system

Usage

import { Button } from "@pump-fun/retail-design-system"

function App() {
  return <Button onClick={() => console.log("Clicked!")}>Click me</Button>
}

Development

Project Structure

src/
├── index.ts          # Main export file
├── button.tsx        # Button component
├── button.module.css # Button styles
└── global.d.ts       # TypeScript declarations

Build Configuration

The project uses tsup for building:

• Output formats: ESM and CommonJS
• TypeScript declarations: Generated automatically
• CSS handling: CSS files are copied to the dist folder
• Tree shaking: Enabled for optimal bundle size
• Source maps: Generated for debugging