Everything you need to ship.
Sentro provides you all the tools you need to start your design system implementation. From design token creation and management, to component key management, to creating the API. Sentro gives you the ability to create robust, production-ready design systems.
main.scss
:root {
@include sentro.token-config(
$primary: (
200: #454545,
400: #343434,
600: #232323,
ink: #ffffff
)
);
}
.component {
background: sentro.key-create('component-bg', 'primary-600');
color: sentro.key-create('component-text', 'primary-ink');
@include sentro.breakpoint-create('medium') {
@include sentro.key-bind('component-bg', 'primary-600');
}
}Great power at a smaller footprint.
Unintrusive and flexible. At just 60kb, Sentro provides you all the tools you need to start your design system implementation. Providing headroom for your own bells and whistles for your developers to use.
60kb
Loved by teams ♥.
Sentro is trusted by companies' design and engineering teams to build design systems for their products.
