Web Reaper | Website Engineer
@webreaper.dev
👨💻 Helping devs ship faster with https://starwind.dev (open source components) & https://cosmicthemes.com (premium templates) | AstroJS + Tailwind expert | Learn with me ↓
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
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
February 27, 2025 at 3:27 PM
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
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
February 26, 2025 at 3:45 PM
February 25, 2025 at 4:52 PM
February 24, 2025 at 4:01 PM
February 23, 2025 at 3:04 PM
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
Plus, easy integration with other Tailwind v4 templates by Cosmic Themes
Learn more and check out the demo at pathfinder.cosmicthemes.com
February 8, 2025 at 5:38 PM
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
Plus, easy integration with other Tailwind v4 templates by Cosmic Themes
Learn more and check out the demo at pathfinder.cosmicthemes.com
When someone thanks the Cosmic Themes team
February 5, 2025 at 3:36 PM
When someone thanks the Cosmic Themes team
Oh yeah, it's all coming together
February 3, 2025 at 10:33 PM
Oh yeah, it's all coming together
Emitting a custom event seems the best way for external components to do something with a switch toggle.
Any opposing viewpoints here?
Any opposing viewpoints here?
February 1, 2025 at 5:12 PM
Emitting a custom event seems the best way for external components to do something with a switch toggle.
Any opposing viewpoints here?
Any opposing viewpoints here?
An army of alerts ⚠️
January 31, 2025 at 3:55 PM
An army of alerts ⚠️
A bunch of buttons
January 29, 2025 at 2:59 PM
A bunch of buttons
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
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
January 27, 2025 at 5:09 PM
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
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
Got to work on a docs theme concept
Thoughts?
Thoughts?
January 27, 2025 at 12:36 AM
Got to work on a docs theme concept
Thoughts?
Thoughts?
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
Voyager is a modern freelancing and portfolio template with unique animations and features, including 110+ components 🚀
See it here: voyager.cosmicthemes.com
January 23, 2025 at 3:43 PM
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
Voyager is a modern freelancing and portfolio template with unique animations and features, including 110+ components 🚀
See it here: voyager.cosmicthemes.com
Have you ever seen a 404 page go this hard?
Pulsing stars
The little friendly astronaut
Floating text effect
Pulsing stars
The little friendly astronaut
Floating text effect
January 23, 2025 at 12:38 AM
Have you ever seen a 404 page go this hard?
Pulsing stars
The little friendly astronaut
Floating text effect
Pulsing stars
The little friendly astronaut
Floating text effect
About Sections (1/2)
January 21, 2025 at 2:46 PM
About Sections (1/2)
Pricing sections
January 20, 2025 at 3:33 PM
Pricing sections
Steps sections
January 19, 2025 at 4:38 PM
Steps sections
Hero sections
January 18, 2025 at 3:03 PM
Hero sections
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.
This way if your collection changes later, you don't have to update any components types, allowing you to catch problems sooner.
January 14, 2025 at 3:32 PM
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.
This way if your collection changes later, you don't have to update any components types, allowing you to catch problems sooner.
I'm convinced that your programming skill is directly correlated to how many config files your project has.
Come at me bro.
Come at me bro.
January 13, 2025 at 12:30 AM
I'm convinced that your programming skill is directly correlated to how many config files your project has.
Come at me bro.
Come at me bro.
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
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
January 12, 2025 at 3:01 PM
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
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
Steps.
From the next theme (WIP)
From the next theme (WIP)
January 11, 2025 at 4:09 AM
Steps.
From the next theme (WIP)
From the next theme (WIP)