Sign in

iiinova is part of the Atmosphere — an open, public network where you own your identity.

Branden | Astro UI Specialist

@webreaper.dev
69 followers 148 following 337 posts

Astro builder • Creator of Starwind UI (shadcn/ui for Astro) - animated, accessible components you own • starwind.dev • Starwind Pro: 190+ premium blocks

PostsRepliesMedia
Branden | Astro UI Specialist @webreaper.dev · 07/03/2026
Absolutely love implementing features / fixes for my users in under 24 hours
000 0
Branden | Astro UI Specialist @webreaper.dev · 04/03/2026
Absolutely loved this effect by jh3yy, so I added it as a free block in Starwind Pro Now you can enjoy it as a native Astro effect and section
000 0
Branden | Astro UI Specialist @webreaper.dev · 03/03/2026
Dynamic viewport awareness in action: popovers automatically reposition to remain visible as the window size changes
000 0
Branden | Astro UI Specialist @webreaper.dev · 19/02/2026
Absolutely nothing better than waking up to product purchase notifications with this out the window
000 0
Branden | Astro UI Specialist @webreaper.dev · 18/02/2026
Too many people talk about AI but ship nothing. What are you shipping me with AI? Me - I've been hard at work perfecting tons of new blocks for Starwind Pro. Plus adding new docs, a theme designer, and better theme previews
000 0
Branden | Astro UI Specialist @webreaper.dev · 12/02/2026
500 stars on Starwind UI overnight. I’m honestly speechless. I built this because I wanted the "shadcn/ui experience" specifically optimized for @astro.build . Seeing the community rally behind it is incredible. Huge thank you to everyone. We’re just getting started. "npx starwind@latest init"
010 1
Branden | Astro UI Specialist @webreaper.dev · 27/02/2025
Starwind UI v1 is officially released! You can now install and use all currently available components in your @astro.build applications. Accessible, customizable, and easy to use. "npx starwind@latest init" starwind.dev
001 1
Branden | Astro UI Specialist @webreaper.dev · 26/02/2025
With a CLI so you can own the code. Full control. #starwindui
000 0
Branden | Astro UI Specialist @webreaper.dev · 25/02/2025
Custom events to make elements easy to use? Bet. #starwindui
010 1
Branden | Astro UI Specialist @webreaper.dev · 24/02/2025
You're about to get some excellent components I've been cooking 👀 #starwindui
000 0
Branden | Astro UI Specialist @webreaper.dev · 23/02/2025
Hear me out, what if @astro.build had it's own component library like shadcn... #starwindui
110 1
Branden | Astro UI Specialist @webreaper.dev · 08/02/2025
Launch your AstroJS docs in style with Pathfinder, the unique and modern documentation template. Built with powerful features to make your life easy. Plus, easy integration with other Tailwind v4 templates by Cosmic Themes Learn more and check out the demo at pathfinder.cosmicthemes.com
010 1
Branden | Astro UI Specialist @webreaper.dev · 05/02/2025
When someone thanks the Cosmic Themes team
020 2
Branden | Astro UI Specialist @webreaper.dev · 03/02/2025
Oh yeah, it's all coming together
010 1
Branden | Astro UI Specialist @webreaper.dev · 01/02/2025
Emitting a custom event seems the best way for external components to do something with a switch toggle. Any opposing viewpoints here?
000 0
Branden | Astro UI Specialist @webreaper.dev · 31/01/2025
An army of alerts ⚠️
010 1
Branden | Astro UI Specialist @webreaper.dev · 29/01/2025
A bunch of buttons
021 2
Branden | Astro UI Specialist @webreaper.dev · 27/01/2025
Internal debate I'm having. Require "as" to convert Button to an anchor tag, or imply it when the user adds an "href" prop? Requiring "as" only allows anchor tag props when you use as="a", otherwise all props validate I'm leaning toward implying it, to remove the need for the "as" prop completely
110 1
Branden | Astro UI Specialist @webreaper.dev · 27/01/2025
Got to work on a docs theme concept Thoughts?
021 2
Branden | Astro UI Specialist @webreaper.dev · 23/01/2025
My newest template, built with Astro v5 and Tailwind CSS v4, is now live! Voyager is a modern freelancing and portfolio template with unique animations and features, including 110+ components 🚀 See it here: voyager.cosmicthemes.com
011 1
Branden | Astro UI Specialist @webreaper.dev · 23/01/2025
Have you ever seen a 404 page go this hard? Pulsing stars The little friendly astronaut Floating text effect
000 0
Branden | Astro UI Specialist @webreaper.dev · 21/01/2025
2/2
010 1
Branden | Astro UI Specialist @webreaper.dev · 21/01/2025
About Sections (1/2)
100 1
Branden | Astro UI Specialist @webreaper.dev · 20/01/2025
Pricing sections
010 1
Branden | Astro UI Specialist @webreaper.dev · 19/01/2025
Steps sections
010 1
Branden | Astro UI Specialist @webreaper.dev · 18/01/2025
Hero sections
010 1
Branden | Astro UI Specialist @webreaper.dev · 14/01/2025
AstroJS pro tip: Use "CollectionEntry" to pull types from your content collections. This way if your collection changes later, you don't have to update any components types, allowing you to catch problems sooner.
010 1
Branden | Astro UI Specialist @webreaper.dev · 13/01/2025
I'm convinced that your programming skill is directly correlated to how many config files your project has. Come at me bro.
010 1
Branden | Astro UI Specialist @webreaper.dev · 12/01/2025
Creating themeable variables in Tailwind CSS v4 is a little tricky, as there's a secret keyword you need. When creating your theme section, add the "inline" option. This tells Tailwind to use the raw theme values instead of the generated variables. In other words. It now works as you expect it to
010 1
Branden | Astro UI Specialist @webreaper.dev · 11/01/2025
Resume page
010 1
Branden | Astro UI Specialist @webreaper.dev · 11/01/2025
Steps. From the next theme (WIP)
020 2
Branden | Astro UI Specialist @webreaper.dev · 08/01/2025
I enjoy Bangkok for the most part. But waking up to an AQI of 177 is just messed up.
000 0
Branden | Astro UI Specialist @webreaper.dev · 05/01/2025
Here's an example of the polymorphic typed "Button" component in use. Defaults to a button with full type safety, but as soon as you add `as="a"` the typing changes to an anchor tag. Quite nifty AstroJS, quite nifty indeed
000 0
Branden | Astro UI Specialist @webreaper.dev · 02/01/2025
Create incredible components in AstroJS by taking advantage of the Polymorphic type. This allows you to build components that can render as different HTML elements with full type safety. Easy example? A button component as a "button" or "a" tag.
010 1
Branden | Astro UI Specialist @webreaper.dev · 01/01/2025
Minimizing your files in AstroJS is incredibly easy. Install playform/compress and add it as the LAST integration in your Astro config file. I recommend disabling image optimization, as it can dramatically increase build times (use astro:assets instead)
000 0
Branden | Astro UI Specialist @webreaper.dev · 26/12/2024
Happy Holidays!
000 0
Branden | Astro UI Specialist @webreaper.dev · 25/12/2024
Avoid script issues using ClientRouter in AstroJS v5 with this ONE simple trick! But for real, scripts might be duplicated if you don't add this Vite setting in the Astro config. I ran into it so you don't have to 💪
000 0
Branden | Astro UI Specialist @webreaper.dev · 21/12/2024
Cosmic Themes Holiday Sale! Get an extra 15% off all current & future Astro js templates with a one-time purchase. Offer ends after the new year. Learn more and check it out here: cosmicthemes.com
010 1
Branden | Astro UI Specialist @webreaper.dev · 21/12/2024
@martr.app already on it with a solution! Add a vite configuration option to the astro config file Nice and easy fix
000 0
Branden | Astro UI Specialist @webreaper.dev · 19/12/2024
Did you know that you can grab any component props in Astro? Super useful when you want to create layouts that repeat components by mapping over data
121 2
Branden | Astro UI Specialist @webreaper.dev · 18/12/2024
Major updates now live! Atlas to Astro v5 with a slew of other improvements See it live: atlas.cosmicthemes.com
000 0
Branden | Astro UI Specialist @webreaper.dev · 16/12/2024
Enhance AI generated code in Windsurf with the new global instructions I've already implemented this in my Astro projects and seen marked improvement Steal my rules 👇
110 1
Branden | Astro UI Specialist @webreaper.dev · 13/12/2024
Blog post heading link I made recently Auto-generates for every heading in blog post content rendered from markdown Interest for blog templates?
010 1
Branden | Astro UI Specialist @webreaper.dev · 11/12/2024
When working with AI agents, it helps to give it relevant context and information it may need to accomplish the job. Here's a recent prompt I gave Cascade in Windsurf to create nested dropdowns, which it got in one go Have any other tips?
010 1
Branden | Astro UI Specialist @webreaper.dev · 06/12/2024
Well this is the most complicated Astro component I've ever implemented Keyboard control, type-ahead, still works with forms because it creates a corresponding hidden html select, etc Here's a quick demo that shows the interesting bit going on in the background with the select field
020 2
Branden | Astro UI Specialist @webreaper.dev · 05/12/2024
Directly importing SVGs in @astro.build V5 is just the greatest
000 0
Branden | Astro UI Specialist @webreaper.dev · 03/12/2024
Distracted boyfriend meme looking at Astro V5 and neglecting Astro v4
020 2
Branden | Astro UI Specialist @webreaper.dev · 30/11/2024
For importing and using components, which do you prefer? Combined or separate imports?
000 0
Branden | Astro UI Specialist @webreaper.dev · 29/11/2024
Sneak peek of what I'm cooking 👀
110 1
Branden | Astro UI Specialist @webreaper.dev · 28/11/2024
Transform your website effortlessly and focus on what matters - the content. For a limited time, get a discount on Cosmic Themes - All Access. Use code BLACKFRIDAY at checkout for 15% off. AstroJS templates with I18n, CMS, animations, and more Get your time back. cosmicthemes.com/all-access/
000 0