←back to thread

134 points miketromba | 2 comments | | HN request time: 0.421s | source

Hey, I built https://ShadcnThemer.com - a web app for creating and sharing themes for shadcn/ui, made with my some of my favorites, Next.js 15, Tailwind CSS 4, Drizzle ORM, and Supabase.

The goal was to make it easy to visually design shadcn color themes, preview them live across various example UIs, and export them straight into your projects (as CSS or via the shadcn CLI registry command).

I had a bit of experience going into this because I built the Theme Studio for VS Code in the past, but it was fun using a modern stack and leveraging Cursor to help me along the way this time.

GitHub: https://github.com/miketromba/shadcn-themer

Show context
lavela ◴[] No.45707274[source]
I tried to open different themes in tabs for comparison, but I would have to first open each one and then manually copy the URL into a new tab because you implemented your links as <button> (which prevents both middle-click and 'open in new tab' context menu option to work).
replies(2): >>45707706 #>>45708958 #
tacker2000 ◴[] No.45707706[source]
Yup, this is the incompetence that we see all over the place since these new frameworks have come and front end devs have no idea what HTML actually is or how it works.

Buttons are for submitting forms and nothing else.

In HTML a link is created using an <a> element.

React has a <Link> element for this purpose, it will be rendered as <a>.

Please OP, at least try to learn a little bit about the underlying technologies.

replies(1): >>45708231 #
1. robertoandred ◴[] No.45708231[source]
It has nothing to do with "new frameworks". ASP devs have been making buttons into links for decades.

Also, React does not have a Link element. Please at least try to learn a little bit about the underlying technologies.

replies(1): >>45709893 #
2. h33t-l4x0r ◴[] No.45709893[source]
The router does. We all know what they meant.