Toolabs DS-101 logo

Toolabs DS-101

Builds reusable UI components with design and development in sync manages design system and visual tokens across frameworks.

Made by Namık Özgür Aydın

  • Productivity

  • Developer Tools

  • Design Tools

  • User Experience

  • Web App

  • Maker Tools

What is Toolabs DS-101?

DS-101 is a comprehensive web-based platform that empowers designers and developers to collaborate seamlessly in building user interface components. It serves as a centralized hub where design and development converge, allowing them to speak the same language through the medium of components. At its core, DS-101 offers a Single Source of Truth for all design elements, including colors, images, icons, sounds, and transitions, ensuring visual consistency across your entire application

Highlights

  • Visually build reusable, stateful UI components through a simple drag-and-drop interface
  • Achieve visual consistency by using pre-defined tokens from your design system
  • Bring components to life with interactive animations and transitions
  • Integrate components into multiple frameworks, including React.js, Vue.js, Web Components, and React Native
  • Embed components directly into your codebase or access them from the cloud
  • Continuously evolve the platform based on user feedback

Platforms

  • Web