open-index/open-npm huggingface dataset:
npm package: @roddan/form-editor
Description: 低代码
Author: Roddan
Latest version: 0.0.18

# form-editor

## Usage

一款基于 antd 的低代码表单生成器，旨在快速搭建简单的表单应用场景。

<a href='https://roddan.cn/editor/introduce/usage' target='_black'>地址</a>
npm package: @roddan/ui
Description: A react library developed with dumi
Author: Roddan
Latest version: 0.0.4

# dumi-test

[![NPM version](https://img.shields.io/npm/v/dumi-test.svg?style=flat)](https://npmjs.org/package/dumi-test)
[![NPM downloads](http://img.shields.io/npm/dm/dumi-test.svg?style=flat)](https://npmjs.org/package/dumi-test)

A react library developed with dumi

## Usage

TODO

## Options

TODO

## Development

```bash
# install dependencies
$ yarn install

# develop library by docs demo
$ yarn start

# build library source code
$ yarn run build

# build library source code in watch mode
$ yarn run build:watch

# build docs
$ yarn run docs:build

# Locally preview the production build.
$ yarn run docs:preview

# check your project for potential problems
$ yarn run doctor
```

## LICENSE

MIT
npm package: @roddyglitchh/rajaui
Description: A themeable, accessible React component library inspired by shadcn/ui.
Latest version: 0.1.0

# ShadUI

A TypeScript React component library inspired by shadcn/ui with a token-driven theme system, dark/light support, and Radix-based accessibility.

## Features

- Fully themeable design tokens
- Light and dark themes with runtime switching
- CVA-based variants
- Composable, accessible components
- Tree-shakable ESM/CJS distribution
- Type-safe APIs with forwardRef patterns

## Install

```bash
npm install
```

## Build

```bash
npm run build
```

## Folder Structure

```text
src/
  components/
    ui.tsx
    index.ts
  theme/
    theme.ts
    themes.ts
    tokens.ts
    ThemeProvider.tsx
    index.ts
  lib/
    cn.ts
    utils.ts
    index.ts
  styles.css
  index.ts
```

## Usage

```tsx
import {
  ThemeProvider,
  Button,
  Alert,
  Badge,
  DatePicker,
  Sonner,
  toast
} from "@mohsin/shadui"

export function App() {
  return (
    <ThemeProvider theme="dark">
      <main className="space-y-4 p-6">
        <Button variant="primary" size="md">
          Save
        </Button>
        <Alert variant="destructive">Something went wrong</Alert>
        <Badge variant="secondary">Beta</Badge>
        <DatePicker />
        <Button onClick={() => toast.success("Saved")}>Toast</Button>
      </main>
      <Sonner />
    </ThemeProvider>
  )
}
```