2
0 Comments

Show IH: I built a speed dial component with Tailwind CSS [MIT License]

Hey Tailwinders đź‘‹

Together with the community from Flowbite, we developed an open-source speed dial component using Tailwind CSS and JavaScript that you can use to quickly allow users to open up a menu or list of buttons.

The component can be positioned relative to the page in each corner and there are examples that show you how you can make the list of buttons show horizontally or vertically.

We developed various examples such as the text showing with a tooltip, inside the button, outside the button, and even classic dropdown menu items.

The code and component are 100% open-source, but it does require pulling in Flowbite's JavaScript file (quickstart guide).

Useful links:

Speed Dial Component Docs: https://flowbite.com/docs/components/speed-dial/
Flowbite Library on GitHub: https://github.com/themesberg/flowbite

on November 16, 2022
Trending on Indie Hackers
Why Indie Founders Fail: The Uncomfortable Truths Beyond "Build in Public" User Avatar 89 comments I built a tool that turns CSV exports into shareable dashboards User Avatar 82 comments $0 to $10K MRR in 12 Months: 3 Things That Actually Moved the Needle for My Design Agency User Avatar 68 comments The “Open → Do → Close” rule changed how I build tools User Avatar 53 comments I got tired of "opaque" flight pricing →built anonymous group demand →1,000+ users User Avatar 43 comments A tweet about my AI dev tool hit 250K views. I didn't even have a product yet. User Avatar 42 comments