Generate HTML and CSS by Drawing

In plain words

Aspect.app is a drawing-based design tool that generates HTML and CSS code from hand-drawn sketches. Users can draw layouts and designs, which the application converts into functional web code. Launched in 2020, it combines visual design with automatic code generation, making it useful for designers and developers who prefer sketching interfaces before coding them. The tool bridges the gap between creative drawing and web development.

written from the facts on this page · September 2026

• 
  A Single Div2016 · a.singlediv.com · ▲177

  A CSS drawing project

• 
  Sketch2Code2019 · learn.microsoft.com · ▲407

  Turn hand-drawn design into a HTML with AI. By Microsoft.

• 
  A simple hand drawn HTML/CSS theme2021 · chr15m.github.io · ▲188

  A simple hand drawn HTML/CSS theme.

• 
  Auto-Layout for Sketch2016 · animaapp.github.io · ▲666

  Responsive design for Sketch

• 
  RoughNotation – create and animate hand-drawn annotations on a web page2020 · roughnotation.com · ▲696

  A small JavaScript library to create and animate hand-drawn annotations on a web page

• 
  Aspect2022 · aspect.app · ▲106

  Create react components visually

• 
  I made a site where you practice typing by retyping entire novels▲1,589

  Free Typing Practice | Boost your typing speed while reading great books like Alice in Wonderland, 1984, Dracula, and The Art of War — or import your own!

  Life & fun · 2020 · typelit.io

• 
  I built a Rotten Tomatoes-style platform for durable products▲1,392

  Built to Last. Made to Matter.

  Life & fun · 2020 · buyforlifeproducts.com

• 
  Secureframe▲1,072

  Get enterprise ready with SOC 2 and ISO 27001 compliance

  Dev tools · 2020 · secureframe.com

• 
  Raindrop.io 5.0▲763

  All-in-one bookmark manager

  Life & fun · 2020 · raindrop.io

• WW
  What would mechanical programming look like?▲719

  Life & fun · 2020 · mockmechanics.com

• 
  Vowel (Beta)▲696

  A video conferencing tool that makes meetings better.

  Work · 2020