# DeisgnKit lets you write html elements in code (like SwiftUI but for web)

Source: https://kit.design
Kiwi News: https://news.kiwistand.com/stories/DeisgnKit-lets-you-write-html-elements-in-code-like-SwiftUI-but-for-web?index=0x659b07a864deb2eefbdef8f93f7ac47fc738d59ebde6a44e81be43541cd29dfd155c601c
Submitted by thatalexpalmer.eth on 2024-01-07 UTC, 6 upvotes, 0 comments

## Summary

DesignKit is a declarative syntax for writing HTML elements in code, styled after SwiftUI and intended for the web without frameworks. The page lists its building blocks: vstack, hstack and zstack for vertical, horizontal and overlaid stacks, plus list and button elements. Supported attributes include padding, alignment, font, foreground and background, with a set of named font styles (from caption2 to large title) and colors (Gray through Gray 6, Red, Orange, Yellow, Green, Blue, Indigo, Purple and Pink). The page links to GitHub and Twitter and credits its creator as lil.

## Article

DesignKit Preview A declarative syntax for the web. No frameworks, just plug and play. Elements vstack A vertical stack of elements. hstack A horizontal stack of elements. zstack An overlaid stack of elements. list A list of elements. button A button. Attributes padding top, bottom, leading, trailing, horizontal, vertical alignment top, center, bottom, leading, center, trailing font See fonts foreground See colors background See colors Fonts caption2 caption1 subheadline body headline title3 title2 title1 large title Colors Gray Gray 2 Gray 3 Gray 4 Gray 5 Gray 6 Red Orange Yellow Green Blue Indigo Purple Pink GitHub Twitter Made by lil