Monolith Figma UI Kit: 108 Blocks
About
108 production-ready blocks. One monochrome canvas. Mobile-first, auto-layout all the way through.
Monolith is a Figma UI kit for teams building mobile commerce and utility apps — a strict black-and-grey system with no accent colour, so your product photography and content carry the colour. Drop it in, restyle it through the tokens, ship it.
What's inside
-
18 families · 108 blocks — Core Blocks (56) + Extension Blocks (52)
-
A full family of 13 data-viz cards — bar, line, area, candlestick, heatmap, radar, scatter, histogram, stacked and more
-
A token-driven monochrome palette: one type scale, one spacing grid, radii and motion all defined
-
Figma auto-layout throughout
-
A consistent 24×24 icon set (Lucide) with a single 2px round stroke
-
Two clean pages — Core Blocks and Extension Blocks — ready to duplicate
A note on auto-layout
Every block is built with auto-layout, so most resize cleanly. As with any large kit, a few of the more complex compositions may need a small manual tweak after heavy resizing — worth knowing up front.
File format
Figma (.fig). Open, duplicate, build.
Requirements
Figma (the free plan is fine). Fonts: Inter (body) and Inconsolata (figures/labels) — both free from Google Fonts, linked in the included README.
Placeholder imagery
The photographic placeholders are AI-generated and are included, so every block previews with real-looking imagery out of the box — swap them for your own at any time. The avatars are synthetic (non-identifiable) portraits, and the maps are drawn in CSS. The UI system, every block and every icon are hand-built. The onboarding illustration is composed in-house from a free geometric vector-shapes set (Figma Community, free to use).
License
Sold under Creative Market's license — the license you purchase sets your usage rights. As with any Creative Market product, please don't resell, redistribute or sublicense the files themselves.
Thanks for stopping by — happy designing, and if anything is unclear, just send me a message.
Reviews
No reviews yet
Comments
FAQs
- How do I contact support?
For questions about this product, message the Shop Owner via their shop profile. For all other questions, like licensing or billing, visit our Help Center.
- How can I unzip product files?
PC: To extract a single file or folder, double-click the compressed folder to open it. Then, drag the file or folder from the compressed folder to a new location. To extract the entire contents of the compressed folder, right-click the folder, click Extract All, and then follow the instructions.
Mac: Double click the .zip file, then search for the product folder or product file.
If you continue to have trouble, check out this help article for more tips.
Suggested Searches
based on this productSimilar Templates & Themes
-
$19