Accessibility

Our library is designed with accessibility in mind, which means that our components are easily usable by people with visual, hearing or motor disabilities. This is achieved by implementing accessibility best practices and complying with WCAG accessibility standards.

Ready for production

We have conducted extensive testing to ensure that our components are reliable, stable and scalable. In addition, our library has been used in a wide variety of projects and has proven to be an effective and efficient solution for web application development.

Developer experience

The developer experience is a priority for us. We have designed our components to be intuitive and easy to use, which speeds up the development process. In addition, we provide detailed documentation and code samples to help developers integrate our components into their projects.

High quality components

Our component library is distinguished by the high quality of its components. All our components have been designed and developed following industry best practices and standards. We ensure that each component is well documented, easy to use and integrates seamlessly with other components. In addition, we perform rigorous testing to ensure the functionality, performance and stability of each component.

Customization

Customization is one of the strengths of our component library. We offer a wide variety of customization options so you can tailor our components to your specific design and functionality needs. You can easily modify the look and functionality of each component using configuration options and custom properties.

Solid API and Documentation

We have a solid API and comprehensive documentation. We have carefully designed each component and provided a clear and consistent API so you can easily use them in your projects. In addition, our detailed documentation and code samples allow you to quickly understand how to use each component and customize them according to your needs.

Built with:
Start nowSome examples of our components

Get more than 60 components with beautiful defaults and simple props. From charts to input and layout elements, we covered all the essential components to lift the tedious front-end work from your shoulders. Get ahead with our simple API approach in no time.

1import React from 'react';
2import { Container, Card, Text, Divider } from 'dd360-ds'
3
4const CardMetrics = () => {
5	return (
6		<Card rounded='lg' padding={5}>
7			<Container>
8				<Text size={{ xl: '2xl', sm: 'xl' }}>Metrics</Text>
9			</Container>
10			<Divider />
11			<Text variant='p'>The summary of this month's expensive</Text>
12			<Text variant='small'>700</Text>
13		</Card>
14	)
15}