Paper Shaders
Focus: shaders, webgl and visual effects. Shares react with tweakcn. A template, not a web app. Same 4.4 rating.
TemplateFreeWeb
4.4Visit
Web App
tweakcn
A visual no-code theme editor for shadcn/ui components.
Rating
4.4 / 5
Pricing
Free
Difficulty
Beginner
Works on
Web
Built with love by Shushant Lakhyani. Building bestproductivityresources.com
What is tweakcn?
tweakcn is a visual theme editor and generator for shadcn/ui. Adjust colors, typography and other design tokens and preview the result on real components, then copy the theme into your project without hand-editing CSS variables.
Pros: what tweakcn does well
- No-code editing with live component previews
- Open source (Apache-2.0)
- Saves hand-tuning CSS variables
Cons: where it falls short
- Built for shadcn/ui projects
- Output still needs adding to your codebase
tweakcn alternatives
Not sold on tweakcn? These do a similar job, and each card says what it has in common.
ASCII Magic
Focus: ascii art, image effects and video effects. Also in Workflows and Personal Productivity, like tweakcn. Same 4.4 rating.
Web AppFreeWeb
4.4Visit
ASCIInator
Focus: ascii art, generator and images. Also in Workflows and Personal Productivity, like tweakcn. Same 4.4 rating.
Web AppFreeWeb
4.4Visit
Gradientool
Focus: gradients, design and generator. Also in Workflows and Personal Productivity, like tweakcn. Same 4.4 rating.
Web AppFreeWeb
4.4Visit
Iconly
Focus: icons, icon design and inspiration. Also in Workflows and Personal Productivity, like tweakcn. A website, not a web app. Rated 4.6 (tweakcn: 4.4).
WebsiteFreeWeb
4.6Visit
Book of Shapes
Focus: generative art, patterns and algorithmic art. Also in Workflows and Personal Productivity, like tweakcn. A website, not a web app. Rated 4.5 (tweakcn: 4.4).
WebsiteFreeWeb
4.5Visit
Free alternatives to tweakcn
Want to spend nothing? These free picks cover similar ground.
DialKit
Focus: ui tuning, animation and developer tools. Also in Workflows and Personal Productivity, like tweakcn. A template, not a web app. Same 4.4 rating.
TemplateFreeWeb
4.4Visit
Motion (motion.dev)
Focus: animation, javascript and vue. Shares react with tweakcn. A framework, not a web app. Rated 4.7 (tweakcn: 4.4).
FrameworkFreeWeb
4.7Visit
React Bits
Focus: ui components, animations and effects. Shares react with tweakcn. A framework, not a web app. Rated 4.7 (tweakcn: 4.4).
FrameworkFreeWeb
4.7Visit
Astryx Design System
Focus: design system, stylex and open source. Shares react with tweakcn. A framework, not a web app. Rated 4.6 (tweakcn: 4.4).
FrameworkFreeWeb
4.6Visit
Coded Visuals
Focus: animated visuals, shadcn and landing pages. Shares react with tweakcn. A framework, not a web app. Rated 4.6 (tweakcn: 4.4).
FrameworkFreeWeb
4.6Visit
Keyline Icons
Focus: icons, svg and shadcn. Shares react with tweakcn. A website, not a web app. Rated 4.6 (tweakcn: 4.4).
WebsiteFreeWeb
4.6Visit
Are you the maker of tweakcn?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.