--- title: Tweakcn + Opus 4.5 / Gemini 3 Pro: The EASIEST Way to... description: In this video, I'll be showing you a hidden gem called TweakCN that allows you to visually customize Shad-CN themes without writing code. I'll demonstrate how... canonical: https://daily.dev/posts/tweakcn-opus-4-5-gemini-3-pro-the-easiest-way-to-make-stunning-uis--vmtwoqf7t twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Tweakcn + Opus 4.5 / Gemini 3 Pro: The EASIEST Way to MAKE Stunning UIs! | daily.dev og:description: In this video, I'll be showing you a hidden gem called TweakCN that allows you to visually customize Shad-CN themes without writing code. I'll demonstrate how... og:url: https://daily.dev/posts/tweakcn-opus-4-5-gemini-3-pro-the-easiest-way-to-make-stunning-uis--vmtwoqf7t og:image: https://api.daily.dev/og/posts/vMTWoqF7T.png og:image:alt: Tweakcn + Opus 4.5 / Gemini 3 Pro: The EASIEST Way to MAKE Stunning UIs! og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Tweakcn + Opus 4.5 / Gemini 3 Pro: The EASIEST Way to MAKE Stunning UIs! **[AICodeKing](https://daily.dev/sources/aicodeking)** · 10 min read · 0 upvotes · 0 comments ## Summary In this video, I'll be showing you a hidden gem called TweakCN that allows you to visually customize Shad-CN themes without writing code. I'll demonstrate how to use it with AI agents like Verdent or Cursor to build unique-looking apps that don't suffer from the generic "black and white" template look. -- Key Takeaways: 🎨 TweakCN is a free, open-source visual editor for granular Shad-CN and Tailwind customization. 🆚 It offers significantly more design control compared to the standard Shad-CN Create tool. 📸 The AI Theme Generation feature lets you upload a screenshot to instantly clone a site's color palette. 🛠️ You can tweak typography, border radius, and colors in real-time on a full dashboard. 🤖 It creates a perfect workflow for AI agents like Verdent or Cursor by separating design from coding. 📋 Implementation is as simple as copying CSS variables into your project's global stylesheet. ✨ Your custom themes can automatically apply to auth components from providers like Clerk or Supabase. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Similar posts on daily.dev - [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 1 upvotes · 0 comments - [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments - [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments - [CNCF Unveils Schedule for KubeCon \+ CloudNativeCon Europe 2026](https://daily.dev/posts/cncf-unveils-schedule-for-kubecon-cloudnativecon-europe-2026-ikhcoa5cb) · CNCF · 2 upvotes · 0 comments - [CNCF Debuts KubeCon \+ CloudNativeCon Japan 2026 Schedule](https://daily.dev/posts/cncf-debuts-kubecon-cloudnativecon-japan-2026-schedule-xp5pyudub) · CNCF · 1 upvotes · 0 comments --- Tags: [#shadcn](https://daily.dev/tags/shadcn) [View this post on daily.dev](https://daily.dev/posts/tweakcn-opus-4-5-gemini-3-pro-the-easiest-way-to-make-stunning-uis--vmtwoqf7t) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Tweakcn + Opus 4.5 / Gemini 3 Pro: The EASIEST Way to MAKE Stunning UIs!","url":"https://daily.dev/posts/tweakcn-opus-4-5-gemini-3-pro-the-easiest-way-to-make-stunning-uis--vmtwoqf7t","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/tweakcn-opus-4-5-gemini-3-pro-the-easiest-way-to-make-stunning-uis--vmtwoqf7t"},"datePublished":"2026-01-12T08:58:45.448Z","dateModified":"2026-01-12T10:46:39.353Z","description":"In this video, I'll be showing you a hidden gem called TweakCN that allows you to visually customize Shad-CN themes without writing code. I'll demonstrate how...","image":"https://i.ytimg.com/vi/6gpyvA0Qg8w/sddefault.jpg","thumbnailUrl":"https://i.ytimg.com/vi/6gpyvA0Qg8w/sddefault.jpg","isAccessibleForFree":true,"articleSection":"AICodeKing","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"AICodeKing","logo":"https://media.daily.dev/image/upload/s--x7nDUfWj--/f_auto,q_auto/v1768208312/logos/aicodeking","url":"https://daily.dev/sources/aicodeking"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/tweakcn-opus-4-5-gemini-3-pro-the-easiest-way-to-make-stunning-uis--vmtwoqf7t","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"shadcn","timeRequired":"PT10M","video":{"@type":"VideoObject","name":"Tweakcn + Opus 4.5 / Gemini 3 Pro: The EASIEST Way to MAKE Stunning UIs!","description":"In this video, I'll be showing you a hidden gem called TweakCN that allows you to visually customize Shad-CN themes without writing code. I'll demonstrate how...","thumbnailUrl":"https://i.ytimg.com/vi/6gpyvA0Qg8w/sddefault.jpg","uploadDate":"2026-01-12T08:58:45.448Z","duration":"PT10M","url":"https://api.daily.dev/r/vMTWoqF7T","embedUrl":"https://www.youtube.com/embed/6gpyvA0Qg8w"}} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"AICodeKing","item":"https://daily.dev/sources/aicodeking"},{"@type":"ListItem","position":3,"name":"Tweakcn + Opus 4.5 / Gemini 3 Pro: The EASIEST Way to MAKE Stunning UIs!"}]} ```