Zoltán Szőgyényi

Flowbite Illustrations — Free and open-source SVG illustrations

Get started with a collection of over 54 free and open-source SVG illustrations designed in 3D style available in dark and light mode built for the Flowbite UI Library and Tailwind CSS.

Add a comment

Replies
Best
Zoltán Szőgyényi

Hey Product Hunt 👋


Super excited to finally launch our new official SVG illustrations pack from Flowbite. We've been working on this for over one year now and although we started integrating these into our pro version, now we have finally released the whole package to be used in your projects.


There are over 54 illustrations right now but we will be adding about 4-5 each month. You can even contact us and make a request for a custom illustration if you're one of the pro package holders and we'll try to design in it in one of the future batches.


Currently, we've chosen the 3D style but we'll be adding a flat design too in the future. There are two versions for each illustration: dark and light. This is important because all Flowbite UI components and templates inherently support dark mode as well.


How to get them?


We've coded a super easy interface that you can use to copy-paste the SVG illustrations and even change the colors as you need to. You can also choose to download a PNG instead of a SVG. Also, we have made a Figma file available publicly too. Oh, and the best part? They are open-source under the MIT license.


With much love from the Flowbite community 💙

Devluc

Great resource Zoltan. Thanks for sharing all these goodies for free use. Good luck with the launch

Zoltán Szőgyényi

Thank you, Lucian! We've put a lot of work in these. Last week it was trending on most subreddits related to web dev and design.

Alexandru Paduraru

Great addition to the entire ecosystem! Love the changing colors feature! 🚀🚀 Congrats for the launch! @zoltanszogyenyi @roberttanislav

Zoltán Szőgyényi

@roberttanislav @axelut Thanks for the support, Alex! One more brick in the house :)

Caleb Foster

Fantastic work. Free, open source and stylish what more could developers want?

How frequently do you intend to update the collection with new illustrations?

Emily Hernandez

How does the library manage customization? Can users easily modify colors, stroke widths or layer visibility directly using Tailwind classes?

Emily Garcia

Do the illustrations allow for Figma exports for design collaboration or are they intended solely for code based projects?

Faith Foster

This is a great collection but how do these illustrations perform in terms of file size compared to other 3D illustration libraries?

Jesus Porter

The support for dark and light modes is such a thoughtful feature. Are these illustrations fully compatible with React components or do they require any manual adjustments?