Sona UI
Focus: ui components, design system and interface. Shares ui kit and components with SHIUI. A website, not a framework. Rated 4.4 (SHIUI: 4.3).
WebsiteFreeWeb
4.4Visit
Framework
SHIUI
A flat ink UI kit inspired by Hinomaru Japanese posters, with 111 elements and 24 blocks.
Rating
4.3 / 5
Pricing
Free
Difficulty
Intermediate
Works on
Web
Built with love by Shushant Lakhyani. Building bestproductivityresources.com
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: what SHIUI does well
- Very distinctive flat ink style
- 111 elements and 24 blocks
- Design tokens included
Cons: where it falls short
- A strong style that will not suit every brand
- Check licence terms before commercial use
Who SHIUI is for
Designers and developers who want a striking, flat, poster-like UI.
Who can skip it
Brands that need a neutral look.
SHIUI alternatives
Not sold on SHIUI? These do a similar job, and each card says what it has in common.
audiocn
Focus: audio, react and shadcn. Shares components with SHIUI. Same 4.3 rating.
FrameworkFreeWeb
4.3Visit
Planes
Focus: react, motion and tailwind. Shares components with SHIUI. Paid but Affordable (SHIUI: Free). Same 4.3 rating.
FrameworkPaid but AffordableWeb
4.3Visit
Tween UI
Focus: gsap, animation and react. Shares components with SHIUI. Same 4.3 rating.
FrameworkFreeWeb
4.3Visit
21st
Focus: react, tailwind and ui. Shares components with SHIUI. A website, not a framework. Freemium (SHIUI: Free). Rated 4.7 (SHIUI: 4.3).
WebsiteFree planWeb
4.7Visit
Rare UI
Focus: react, tailwind and open source. Shares components with SHIUI. A website, not a framework. Rated 4.6 (SHIUI: 4.3).
WebsiteFreeWeb
4.6Visit
Free alternatives to SHIUI
Want to spend nothing? These free picks cover similar ground.
Nuxt Charts
Focus: vue, nuxt and charts. Shares components with SHIUI. A website, not a framework. Rated 4.5 (SHIUI: 4.3).
WebsiteFreeWeb
4.5Visit
UI Skills
Focus: ui design, design engineering and frontend craft. Shares components with SHIUI. A website, not a framework. Rated 4.5 (SHIUI: 4.3).
WebsiteFreeWeb
4.5Visit
Collect UI
Focus: ui inspiration, design gallery and patterns. Shares components with SHIUI. A website, not a framework. Rated 4.4 (SHIUI: 4.3).
WebsiteFreeWeb
4.4Visit
AnimateIcons
Focus: icons, animation and react. Also in Workflows and Learning, like SHIUI. Same 4.3 rating.
FrameworkFreeWeb
4.3Visit
beUI
Focus: react, animated components and tailwind. Also in Learning and Workflows, like SHIUI. Same 4.3 rating.
FrameworkFreeWeb
4.3Visit
CoSAI Risk Map
Focus: security, ai safety and risk management. Also in Workflows and Learning, like SHIUI. Same 4.3 rating.
FrameworkFreeWeb
4.3Visit
Are you the maker of SHIUI?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.
Free Notion database
1,100+ ways people are making money online
Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.
Get the free databaseFree Notion database
399+ ways to make money online
Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.
Get the free listFor research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.
Weekly newsletter
Everything new, every Monday.
One short email every Monday with everything shipped that week: new free tools and websites, new guides, new free browser tools and what's new in my free Gumroad libraries, plus how the site is growing. Free, and you can unsubscribe anytime.
Join the newsletterYou sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.