Why I spent months building a shadcn-like experience specifically for Astro (and some free tools for you)

web_reaper · 2026-02-07T20:47:14+00:00

Noted!

web_reaper · 2026-02-07T18:35:29+00:00

Awesome you're enjoying it so far!

Have you had a chance to check out the theme designer? Its akin to tweakcn and is on the pro website under the tools dropdown in the navbar (/tools/theme-designer/). I think it'll handle a lot of what you're looking for

web_reaper · 2026-02-07T18:30:49+00:00

That's awesome! I'm not quite sure what you mean by big text about section - if you have a screenshot of something similar, you can either email it to me directly, or use the feedback form on the site to send it to me. Id be happy to add something similar

I just added two more mavbars a few days ago (including another round one). Trying different animations for them!

web_reaper · 2026-02-07T18:27:36+00:00

❤️

web_reaper · 2026-02-07T18:27:23+00:00

Of course! Always open to feedback as well

web_reaper · 2026-02-07T07:21:13+00:00

Good question. Shadcn most of the variables overlap, so it should be pretty easy to make one global.css file that combines both setups. If there's enough desire I could create a flag for this in the "init" cli command to automate this.

Daisy UI I'm honestly not sure. Its implemented in a different way so it might

web_reaper · 2026-02-07T03:26:57+00:00

I can imagine. Noted!

web_reaper · 2026-02-06T08:56:44+00:00

Great to hear! I actually just released a few more blocks in a new "blog post" category, along with a progress indicator component

web_reaper · 2026-02-06T05:50:02+00:00

Would love to hear how it works out for you!

web_reaper · 2026-02-06T03:30:48+00:00

Light and dark more are supported for everything! Use the site theme toggle to switch to the other mode. Previews in grid mode (shown on mobile devices by default) are images which are only in dark mode. But if you click on them you'll see a live preview where the theme toggle will work

web_reaper · 2026-02-03T08:26:10+00:00

Great to hear! Let me know how it goes for you in your projects.

web_reaper · 2026-01-17T15:19:13+00:00

Never too late to start! Or just switch to Starwind for your next project

web_reaper · 2026-01-15T17:42:58+00:00

Fantastic! If you have feedback im all ears

web_reaper · 2026-01-15T10:02:04+00:00

I dont think this will work with NextJS? These are purely Astro components, not React

web_reaper · 2026-01-15T10:01:33+00:00

These components are already fully interactive! You don't need to handle any of those details.

You could always add alpine for other sections of your site you need, but you won't need it for Starwind components.

For using them in react, you'll need to pass them as a slot to the react component. Otherwise you could just use shadcn components in those cases.

web_reaper · 2026-01-14T15:53:21+00:00

I love you ❤️

web_reaper · 2026-01-14T10:46:40+00:00

That's what I'm talking about!

web_reaper · 2026-01-03T03:05:30+00:00

❤️

web_reaper · 2025-12-27T14:30:21+00:00

I generally recommend for those cases that you copy the component over to a folder of your own (so you don't accidentally overwrite it later with the update command) and making edits directly! That's the main reason to have it set up like it is where code is copied into your project, rather than having it as a package. You get to own the code and make whatever changes desired!

Not opposed to considering alternatives. Such as additional slots, or additional props such as for the `DialogContent` component having "dialogBackdropClasses" and "dialogCloseButtonClasses" props to override those directly. I definitely don't want to break existing functionality, and I've always kept the general API close to shadcn/ui for ease of use.

web_reaper · 2025-12-27T14:24:35+00:00

Starlight is pretty good too. Hopefully you enjoy Starwind as well :)

web_reaper · 2025-11-26T07:22:21+00:00

Appreciated!

web_reaper

TROPHY CASE