@choiceform/design-system v0.7.9

@choiceform/design-system

A Figma-inspired UI component library for professional desktop applications.

This library provides a set of high-quality, customizable React components designed for building modern, professional-grade desktop web applications. The design language is inspired by Figma, focusing on clarity, usability, and a clean aesthetic suitable for complex, data-rich interfaces.

Features

• ✨ Figma-style design: Minimal, clear, and modern UI
• 🖥️ Optimized for professional desktop web apps
• 🧩 Rich set of reusable React components
• 🎨 Built-in theming and dark mode support
• ⚡️ Tailwind CSS for rapid styling
• 🛠️ TypeScript for type safety

Installation

Add the package to your project:

pnpm add @choiceform/design-system
# or
npm install @choiceform/design-system

Usage

Import and use components in your React app:

import { Button, Input } from "@choiceform/design-system"

export default function Example() {
  return (
    <div>
      <Button variant="primary">Click me</Button>
      <Input placeholder="Type here..." />
    </div>
  )
}

Development

Run the development server:

pnpm dev

Build

Build the library for production:

pnpm build

Contributing

Contributions are welcome! Please open issues or pull requests for new components, bug fixes, or improvements.

© Choiceform. All rights reserved.