How it works

Typecast works just like the web, with an infinite canvas. Design a working prototype using our simple visual controls then export production-ready HTML & CSS or share by URL.

Sign up Free

  • Style common HTML elements like headings, paragraph text, blockquotes and lists

    Style common HTML elements like headings, paragraph text, blockquotes and lists

  • Make project-wide changes in mere seconds thanks to global CSS styles

    Make project-wide changes in mere seconds thanks to global CSS styles

  • Work with a fluid canvas. Size elements in pixels, percentages and ems

    Work with a fluid canvas. Size elements in pixels, percentages and ems

  • Focus on the finer points: precise control over your typography

    Focus on the finer points: precise control over your typography

  • Quickly test your designs on mobile

    Set more flexible layouts with floats and clears

  • Create vertical rhythm with a smart baseline grid

    Create vertical rhythm with a smart baseline grid

  • Create more complete prototypes with images, lists & buttons

    Create more complete prototypes with images, lists & buttons

  • Apply decorative effects like borders and text shadow

    Apply decorative effects like borders and text shadow

  • Automatically balance text across multiple columns

    Automatically balance text across multiple columns

  • Create clean HTML & CSS that matches every design decision. Add custom CSS with our CSS editor.

    Create clean HTML & CSS that matches every design decision. Add custom CSS with our CSS editor.

  • Quickly test your designs on mobile

    Quickly test your designs on mobile

  • Share designs in a single click

    Share designs in a single click

Provide a style guide to record every design decision with no extra effort

Provide a style guide to record every design decision with no extra effort