Clarity is designed to work with existing UI frameworks, making it easy to adopt seamlessly into any environment. This is a micro-site to easily find all available demos and intefrations for the Clarity Design System.
Using Web Components Clarity supports all major UI frameworks. Choose what makes sense for your team and project without being restricted by your design system.
Clarity supports all standard Web based UI tooling. Use the latest web tooling for optimal performance.
Leverage Server Side Rendering for content focused static sites such as API documentation or marketing pages.
Clarity enables Mobile development with tools like Ionic and deisgn tokens for native UI platforms.
Hybrid apps are common for teams migrating or mixing UI technologies. Clarity Web Components ensure teams have full flexibility to update incrementally.
This is a micro site for finding simple example applications using the Clarity Design System. These examples can be used for debugging issues or a starting point for creating a new project.
Find Developer documentation, code demos and getting started demos in our Storybook.
Find UX and a11y guidance and examples at our website Design/UX Guides
Find support in our Github discussions and learn whats new in Clarity at our Blog.
Clarity is Open Source and available on Github. We also have contribution guidelines available.
Not sure what version you are using? Run the following in your browser/application console to find out. Install via the NPM package.
window.CDS.getDetails()
This site is currently uses version