Toolabs DS-101

What it does

DS-101 is a web based platform for building user interface components where design and development come together and speak the same language via components. A Single Source of Truth for all your design styles... from colors to images, icons, sounds to transitions... Visually build reusable, stateful UI components, simply by drag and drop / Achieve visual consistency by using tokens from your design system / Bring components to life by interactions and animations And components are ready to be used within multiple frameworks, React.js, Vue.js, Web Components, React Native and more. Either embed them in your codebase or use directly from cloud. And more will be with your feedbacks.

Toolabs is a web based #tokens and #components driven Design, Prototype, Document and Development Platform

Unfortunately, Toolabs is no longer actively maintained as we couldn't transition our product into a sustainable business. Nevertheless, it will remain operational to offer continuous support for our existing users who depend on it. Unfortunately, Toolabs is no longer actively maintained as we couldn't transition our product into a sustainable business. Nevertheless, it will remain operational to offer continuous support for our existing users who depend onfrom toolabs.com

• 
  21st.dev2025 · 21st.dev · ▲1,211

  I originally built this app to organize and reuse interesting React + Tailwind components I came across on Twitter, inspired by the shadcn/ui approach. Later, a friend started contributing their own components, and it got me thinking—this could grow into something bigger, like an NPM for design engineers to share and use components. Would love to hear your thoughts!

• AV
  A Visual IDE for React2022 · dev.aspect.app · ▲479

  I made this because building UIs in a lexical medium like code is super annoying. I have to pre-render what I’m making in my head, and then jump between the browser and IDE to test. I was inspired by the developer console in chrome and safari since I end up editing css there because it’s ironically more convenient. Hope it’s useful!

• 
  UI Components2024 · auth0.com · ▲325

  Reusable React components to build apps with Auth0

• 
  Airbnb React Sketch.app2017 · react-sketchapp.airbnb.tech · ▲745

  Render React components to Sketch for design systems

• 
  Layouts.dev2024 · layouts.dev · ▲699

  A notebook for building interfaces with Tailwind & shadcn/UI

• 
  v0.dev by Vercel2023 · v0.app · ▲549

  Generate UI with simple text prompts: copy, paste, ship

• 
  /dev/null▲481

  a social network for devs

  Dev tools · 2d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 25d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 22d ago · openbot.run

• 
  Talanoa▲341

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 20d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 28d ago · corespeed.io

• 
  Notion 2.0▲2,156

  The all-in-one workspace - notes, tasks, wikis, & databases

  Work · 2018 · notion.so

• 
  MAKE Book: The Indie Maker Handbook▲1,372

  Learn to build profitable startups the indie way

  Dev tools · 2018 · readmake.com

• 
  Overflow▲1,139

  The world’s first user flow diagramming tool for designers

  Work · 2018 · overflow.io

• 
  RoughJS – Create hand-drawn graphics using JavaScript▲1,087

  Rough.js is a light weight javascript library that lets you draw graphics with a hand-drawn, sketchy, appearance.

  Life & fun · 2018 · roughjs.com

• 
  Sunsama▲999

  If Trello & Google Calendar had a baby.

  Work · 2018 · sunsama.com

• 
  Airtable Blocks▲877

  500,000+ brands use Airtable to enable real-time collaboration, automate repetitive tasks & manual work, and streamline business processes in minutes. Join them.

  Dev tools · 2018 · airtable.com