I Stripped Shadcn and Tweakcn. Now My Website Finally Feels Right.
I always use Next.js to build my website. People say that using Shadcn really speeds up the process. So, I have been using it for almost all the websites I create. But I think I was overcomplicating my websites for no reason. To be straight, I am not a web developer . What I consider to be complicated might not be complicated for others. Anyway, this time, what I wanted was a website where I…
The author used Next.js to build their website, relying heavily on Shadcn to speed up the process. However, they felt Shadcn was too generic and complex for their needs. The author desired a website for publishing tutorials with improved syntax highlighting, LaTeX support, custom Markdown editors, and version control. The main issue with Shadcn was the inability to customize the color palette without spending a lot of time.
The author explored tweakcn.com, but the theme they found did not perfectly match their icon. Changing even a single color would affect other elements, causing frustration. To resolve this, the author decided to strip Shadcn entirely and create a new color palette based on their icon. The new palette consisted of 12 colors (24 in dark mode) and had no unused colors.
However, updating the card and other radius values in globals.css proved challenging due to the author's limited expertise. Despite these challenges, the author is satisfied with the simpler and smaller website design. The dark mode looks particularly good. The author invites feedback from frontend developers and shares the website link: https://effessdev.github.io. This experience taught the author the importance of less is more when it comes to website design.
Written by urgent.news from Dev.to's reporting — not their text. Machine-written — may contain errors; check the original before relying on it.
