An in-depth look at our cross-platform approach to design systems and how we developed it using React Native.

Anja Petry

HTML

Community Picks is a section on daily.dev where our community members share the most interesting and valuable content they've discovered online. From insightful articles to handy tools, every post is a gem curated by our dedicated coomunity. To contribute to Community Picks, you need to have at least 250 reputation points, ensuring that only active and trusted members can share their finds.

Community Picks

Musixmatch has created a cross-platform design system called Ritmo that allows for a consistent user experience across multiple apps and platforms. It was built using React Native and React Native for Web to achieve a unified solution for development. The system includes component swaps that adapt to different screen sizes and allows designers and engineers to work on any of the company's products. While there are benefits to the cross-platform approach, such as design language consistency and reduced technical debt, there are also challenges and longer testing times for applying changes to components. Musixmatch continues to evolve Ritmo to meet new challenges and make their content more accessible.

Meet Ritmo, Musixmatch’s cross-platform design system

<p>IDK what about this system but Musixmatch is full of bugs, I was a Curator but I can’t bear it that buggy app and web.</p>
