element-ui-solid

Solid UI

A modern component library based on SolidJS, built with TypeScript, supporting theme customization and tree-shaking.

🚀 Access document address

中文文档

Features

• 🚀 Built with SolidJS
• 📦 Tree-shaking support
• 🎨 Customizable themes
• 💪 TypeScript support
• 📚 Comprehensive documentation
• ✅ Unit test coverage
• 🔧 Modern toolchain

Components TODO

Feedback Components

• Alert
• Dialog
• Button
• Drawer
• Loading
• Message
• Message Box
• Notification
• Popover
• Tooltip

Navigation Components

• Affix
• Anchor
• Backtop
• Breadcrumb
• Dropdown
• Menu
• PageHeader
• Pagination
• Steps
• Tabs

Data Components

• Avatar
• Badge
• Card
• Carousel
• Collapse
• Empty
• Descriptions
• Image
• Infinite Scroll
• Pagination
• Progress
• Skeleton
• Spin
• Statistic
• Table
• Transfer
• Tree
• Tag
• Virtual Tree

Form Components

• Form
• Input
• Select
• Radio
• Checkbox
• Switch
• Rate
• Slider
• Upload
• TimePicker
• TimeSelect
• ColorPicker
• Cascader
• DatePicker

Project Structure

solid-ui/
├── packages/
│ ├── components/ # UI Components
│ ├── hooks/ # Common hooks
│ ├── theme/ # Theme system
│ ├── utils/ # Utility functions
│ ├── docs-utils/ # Documentation utilities
│ └── docs/ # Documentation site

Quick Start

Installation

pnpm install

Development

# Start development server
pnpm start

# Build all packages
pnpm build

# Run tests
pnpm test

# Fix lint issues
pnpm lint:fix