WelcomeBasic ConceptsGetting StartedElementsButtonDataGridIcons

Welcome

xui is a constraint-based design system built on react.
Its purpose is to empower teams to rapidly build performant, accessible, and cohesive user experiences.


Guiding Principles

UX

User Experience (UX) focuses on gaining a deep insight into the needs, values, abilities, and limitations of users. From this insight we can build products that create meaningful and effective user experiences. By following industry standard best practices, xui provides the foundation to build those products.

DX

Developer Experience (DX) describes the experience for a developer when using tools or software to build a product. Some Examples:

  • Setting up a project
  • Navigating the codebase
  • Contributing to a project
  • Disposal of tools to automate tasks and enforce best practices
  • Testing
  • Deploying
  • Documentation
  • Relevancy of technologies

The parallel to UX is often overlooked, yet has a significant impact to the overall success of a project. By putting documentation and tooling first, xui sets developers up for success.

Modern Technologies

Modern technologies can greatly enhance the user experience, and keep developers excited and engaged. xui is built on the latest technologies like react and emotion.

Housed in a monorepo, Lerna is used to manage packages which are independently versioned and released to NPM. Your app only installs the packages it needs, and updates when necessary, keeping it lean, fast, and easier to maintain.


Next Steps

To get started using xui in your app, checkout Basic Concepts or Getting Started next. For contributing to the library visit the repo's CONTRIBUTING.md.