Paper Shaders
Zero-dependency canvas shaders you can install from npm or design in Paper.
TemplateWorkflowsWebFree
4.4Visit
Web App
tweakcn
A visual no-code theme editor for shadcn/ui components.
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 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
- No-code editing with live component previews
- Open source (Apache-2.0)
- Saves hand-tuning CSS variables
Cons
- Built for shadcn/ui projects
- Output still needs adding to your codebase
tweakcn alternatives
Similar resources to tweakcn, picked from the directory.
ASCII Magic
Turn photos and videos into ASCII, pixel art, halftone and more in your browser.
Web AppWorkflowsWebFree
4.4Visit
ASCIInator
The cleanest ASCII art visuals generator.
Web AppWorkflowsWebFree
4.4Visit
Gradientool
A simple tool for infinite unique gradient outputs.
Web AppWorkflowsWebFree
4.4Visit
Iconly
A curated inspiration library of 2,400+ app, game and web app icons.
WebsiteWorkflowsWebFree
4.6Visit
Book of Shapes
A curated gallery of generative patterns — discover, customize and download algorithmic art.
WebsiteWorkflowsWebFree
4.5Visit
Free alternatives to tweakcn
Free resources that cover similar ground.
DialKit
Dial in interface parameters, springs and animations live while you build.
TemplateWorkflowsWebFree
4.4Visit
Motion (motion.dev)
Fast, production-grade animation library for React, JavaScript and Vue.
FrameworkWorkflowsWebFree
4.7Visit
React Bits
Animated UI components for React.
FrameworkWorkflowsWebFree
4.7Visit
Astryx Design System
An open-source design system that is fully customizable and agent ready.
FrameworkWorkflowsWebFree
4.6Visit
Coded Visuals
Animated visual compositions for React and shadcn/ui marketing and landing pages.
FrameworkWorkflowsWebFree
4.6Visit
Keyline Icons
1,114 free MIT-licensed icons for shadcn/ui, in four styles.
WebsiteWorkflowsWebFree
4.6Visit
Featured on Best Productivity Resources
Made tweakcn? Add this free badge to your website or README. It links to this page.
<a href="https://bestproductivityresources.com/resources/tweakcn" target="_blank" rel="noopener"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>