Sona UI
A clean, modern UI component library and design system for rapid interface building.
WebsiteLearningWebFree
4.4Visit
Framework
SHIUI
A flat ink UI kit inspired by Hinomaru Japanese posters, with 111 elements and 24 blocks.
Day 43 since launch · Launched 25 August 2026
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletter
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletterBuilt with love by Shushant Lakhyani. Building bestproductivityresources.com
Screenshot or bookmark this page so you find it later, then share it with your network.
What is SHIUI?
SHIUI is a reusable component kit drawn like a Hinomaru poster: flat 2D, neat 1.5px lines, paper, sumi ink and vermilion, with zero shadows. It has 111 elements, 24 blocks and design tokens for English interfaces.
Pros
- Very distinctive flat ink style
- 111 elements and 24 blocks
- Design tokens included
Cons
- A strong style that will not suit every brand
- Check licence terms before commercial use
Who should use SHIUI
Designers and developers who want a striking, flat, poster-like UI.
Who may not need it
Brands that need a neutral look.
SHIUI alternatives
Similar resources to SHIUI, picked from the directory.
audiocn
169 copy-and-paste audio components for React and shadcn/ui.
FrameworkWorkflowsWebFree
4.3Visit
Planes
100+ interactive React components with Tailwind and Motion source for modern interfaces.
FrameworkWorkflowsWebPaid but Affordable
4.3Visit
Tween UI
GSAP and CSS animated components for React that you copy and own.
FrameworkWorkflowsWebFree
4.3Visit
21st
12,000+ hand-crafted React and Tailwind components, templates and shadcn themes.
WebsiteWorkflowsWebFreemium
4.7Visit
Rare UI
A free, open-source registry of rare animated React components.
WebsiteWorkflowsWebFree
4.6Visit
Free alternatives to SHIUI
Free resources that cover similar ground.
Nuxt Charts
A beautiful, comprehensive chart library for Nuxt and Vue applications.
WebsiteLearningWebFree
4.5Visit
UI Skills
A collection of design-engineering skills for accessibility, motion, frontend craft and interface quality.
WebsiteWorkflowsWebFree
4.5Visit
Collect UI
A curated daily inspiration gallery for user interface design patterns and components.
WebsiteLearningWebFree
4.4Visit
AnimateIcons
1,170+ free animated SVG icons for React, built on Lucide and Motion.
FrameworkWorkflowsWebFree
4.3Visit
beUI
Free, open-source animated React components built with Motion and Tailwind CSS.
FrameworkLearningWebFree
4.3Visit
CoSAI Risk Map
A framework for identifying and mitigating security risks in AI systems.
FrameworkAI ProductivityWebFree
4.3Visit
Featured on Best Productivity Resources
Made SHIUI? Add this free badge to your website or README. It links to this page.
<a href="https://bestproductivityresources.com/resources/shiui" target="_blank" rel="noopener"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>