Growing with the community
We built Matter in public because strong systems improve through use, critique, and contribution. It is shaped by real design and delivery needs, not isolated theory.
R&D HUB FOR BUILDING NEXT-GEN EXPERIENCES AT TCULES
Save time Build consistency.
Matter Design System
An open source Design system by Tcules. Built using design tokens, it includes WCAG 2.1 AAA compliance and thoughtful UX patterns.
The 'Why' Behind MDS
Our underlying philosophy
Matter is built on clarity over clutter. Every token, component, & naming decision is designed to reduce friction, improve judgment, & support repeatable interface work.
Commitment to quality
By treating the UI as a system, not a collection of screens, Matter helps teams maintain consistency, accessibility, & implementation discipline across growing products.
Features
Prioritise the UX & usability of UI components with superlative documentation
This design system will allow you to design intuitive workflows with the help of the extensive library of UI components & documentation.
Fully composable design system that treats slots as first class citizens for bigger components
Design & build larger components with the help of the smaller slots components making the design system fully composable. Design & build larger components with the help of the smaller slots components making the design system fully composable.
Intuitively named design tokens based on a designer’s mental model of taking decisions
Power of Figma design tokens with intuitive nomenclature will help you design complex products with ease & hand-off to your developers effortlessly
Layers named using the industry standard BEM naming convention for markup
Front-end (HTML) code compliant layer structure & use of BEM naming convention ensures all components are ready to export from the first minute of file creation
Ready to discuss how Design Systems boost your business? Get it now
Features
of MDS
Fully optimised for Tokens Studio
Fully accessible palette of 13 colors
Over
10,000+
components & variants
Variables & Styles
UX driven design system
The ultimate design system repository you need
Flexible
Our design system offers unmatched flexibility, allowing you to adapt & customise elements effortlessly & tailor it to your unique brand identity & design requirements.
Scalable
Our system was designed with growth in mind. So with scalability at its core, from small to large projects, it adapts as you grow.
Accessible
Accessibility is paramount in our design system and so we prioritised accessiability, ensuring that your digital products are usable by everyone.
Efficient
Streamline your workflow & reduce design iterations by accessing a comprehensive library of well-documented components & guidelines.
Designed for experts & those aspiring to be.
Contact us
to know more
Design system Matters