Layoutit Tokens

What it does

Quickly create Design System tokens and export them to any format you need. Layoutit Tokens is free and open-source! Keep a single source of truth to communicate, share and implement your design decisions across your teams!

Quickly create Design System tokens and get JSON, CSS and SASS code. Use our Design Tokens generator to quickstart your next project!

• LA
  Layoutit – An interactive CSS Grid generator2018 · layoutit.com · ▲437

  LayoutIt! offers easy frontend tools: Bootstrap builder, CSS Grid generator, VoxCSS voxel engine, tokens, terrains, SVG tools and more to kick-start your UI development.

• 
  Layouts.dev2024 · layouts.dev · ▲699

  A notebook for building interfaces with Tailwind & shadcn/UI

• 
  Design Tokens Generator2023 · design-tokens.dev · ▲72

  Approachable design tokens and design system foundation

• 
  Free app to export your site's design tokens to code2019 · superposition.design · ▲9
• 
  Figma Design Tokens2020 · figma.com · ▲149

  Making design tokens a single source of truth for Figma.

• 
  Open-sourcing our text-to-CAD app2025 · github.com · ▲179

  Hey HN! I'm Zach from Adam (https://adam.new/). We’re building an AI co-pilot for mechanical CAD software. As part of our broader research, we built a browser-based Text-to-CAD app (https://news.ycombinator.com/item?id=44182206) and are now open sourcing it. This is a React SPA with a Supabase backend. What it does: * Generates parametric 3D models from natural language descriptions, with support for both text prompts and image references * Outputs OpenSCAD code with automatically extracted parameters that surface as interactive sliders for instant dimension…

• 
  Run full iOS 16.5 firmware on Android Devices▲515

  Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.

  Dev tools · 2d ago · github.com

• 
  /dev/null▲492

  a social network for devs

  Dev tools · 5d 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 · 29d 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 · 27d ago · github.com

• 
  OpenBot▲362

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

  Dev tools · 25d ago · openbot.run

• 
  Talanoa▲346

  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 · 22d ago · talanoa.email

• 
  Bento▲1,372

  A link in bio, but rich and beautiful

  Dev tools · 2023 · linktr.ee

• 
  Jitter 1.0▲1,020

  A fast and simple animation tool on the web 💫

  Work · 2023 · jitter.video

• 
  Twinr 2.0▲962

  Convert any website to mobile apps in minutes

  Dev tools · 2023 · twinr.dev

• 
  Decktopus AI▲868

  Your on-demand presentation generator

  AI · 2023 · decktopus.com

• 
  Aaply▲812

  Make your mobile app happen

  Dev tools · 2023 · aaply.app

• 
  Scalenut▲783

  AI that powers your entire content lifecycle

  AI · 2023 · scalenut.com