Skip to main content

TX Design UI

A modern React UI component library with beautiful, customizable components.

Features​

  • 🎨 Modern Design - Clean and professional design system
  • 🎯 Easy to Use - Simple and intuitive API
  • 🔧 Customizable - Extensive theming and styling options
  • 📦 Lightweight - Optimized bundle size
  • 🌈 Rich Components - Growing collection of UI components
  • 🎭 TypeScript Ready - Full TypeScript support
  • 🌓 Theme System - Centralized color management

Components​

TX Design UI provides a rich set of components for building modern web applications:

  • Button - Interactive buttons with multiple styles and states
  • Input - Text input with various features and validations
  • Checkbox - Select single or multiple values from options
  • Radio - Select a single option from a set
  • Select - Dropdown selection from options
  • InputNumber - Numeric input with controls
  • DatePicker - Date and time selection
  • ColorPicker - Color selection with presets
  • Avatar - Display user profile pictures or initials
  • Tag - Labels to categorize or organize items
  • Table - Display rows of structured data
  • Modal - Display content in a layer above the app
  • Drawer - Panel that slides in from the edge
  • Notification - Display notification messages globally
  • Popconfirm - Simple confirmation dialog
  • Tooltip - Text popup tip on hover
  • Loading - Spinner for loading states
  • Tabs - Tab navigation interface
  • Steps - Step-by-step wizard navigation
  • Pagination - Pagination controls for data
  • Menu - Navigation menu with sub-menus
  • Dropdown - Dropdown menu with actions
  • Breadcrumb - Breadcrumb navigation trail
  • Anchor - Anchor links for page sections
  • Icons - SVG icon library with usage guidelines

Coming Soon​

  • Switch
  • Slider
  • Upload
  • Form
  • Message
  • Badge
  • Progress
  • Timeline
  • Carousel
  • And more...

Design Principles​

Consistency​

TX Design UI follows consistent design patterns across all components, ensuring a cohesive user experience.

Accessibility​

All components are built with accessibility in mind, following WAI-ARIA standards and best practices.

Performance​

Components are optimized for performance with minimal re-renders and efficient DOM updates.

Customization​

Every component supports extensive customization through props and theming system.

Browser Support​

TX Design UI supports all modern browsers:

  • Chrome (latest)
  • Firefox (latest)
  • Safari (latest)
  • Edge (latest)

Getting Help​

Contributing​

We welcome contributions! Please see our GitHub repository for more information.

License​

MIT © Tuanxu5