This product was not featured by Product Hunt yet. It will not be visible on their landing page and won't be ranked (cannot win product of the day regardless of upvotes).
Product upvotes vs the next 3
Waiting for data. Loading
Product comments vs the next 3
Waiting for data. Loading
Product upvote speed vs the next 3
Waiting for data. Loading
Product upvotes and comments
Waiting for data. Loading
Product vs the next 3
Loading
Bearnie
Accessible components for Astro and Tailwind CSS
A set of accessible components that you can customize, extend, and build on. Start here then make it your own. Open Source. Open Code. Use this to build your own component library.
Hey everyone! I wanted to share a project I've been working on called bearnie.dev
An accessible component library for Astro and Tailwind CSS, but with a twist - instead of installing it as a dependency, components are added directly to your project via CLI. You own and control the code.
Getting started:
Add to an existing Astro project:
npx bearnie init
npx bearnie add button card dialog
Or create a new project from scratch:
npm create bearnie my-app
cd my-app
npm run dev
npx bearnie add styles
npx bearnie add button card dialog
Then pick the components you need ( i made 48 ). They're added to your project as actual files you can modify however you want.
Would love to hear your thoughts, especially if you've felt similar frustrations with traditional component libraries. Open to feedback and contributions!
Would love to hear your thoughts!
Have a lovely day!
About Bearnie on Product Hunt
“Accessible components for Astro and Tailwind CSS”
Bearnie was submitted on Product Hunt and earned 8 upvotes and 1 comments, placing #65 on the daily leaderboard. A set of accessible components that you can customize, extend, and build on. Start here then make it your own. Open Source. Open Code. Use this to build your own component library.
On the analytics side, Bearnie competes within Productivity and Development — topics that collectively have 656.5k followers on Product Hunt. The dashboard above tracks how Bearnie performed against the three products that launched closest to it on the same day.
Who hunted Bearnie?
Bearnie was hunted by Michael Andreuzza. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
For a complete overview of Bearnie including community comment highlights and product details, visit the product overview.
Michael Andreuzza