Software Alternatives, Accelerators & Startups
Register | Login

Top 9 Design Tools in Open Source

The best Design Tools within the Open Source category - based on our collection of reviews & verified products.

Chakra UI Tailwind UI DaisyUI Web Gradients Mantine Landing UI Kit Design Systems Repo IconShock

Product categories

Design Tools Developer Tools Gradient Generator Open Source Prototyping ReactJS UI UI Design User Experience Vector Icons Web Icons Website Design

Summary

The top products on this list are Chakra UI, Tailwind UI, and DaisyUI. All products here are categorized as: Applications and software used for graphic design, UI/UX design, and other creative endeavors. We recommend LibHunt for [discovery and comparisons of open-source projects](https://www.libhunt.com/). One of the criteria for ordering this list is the number of mentions that products have on reliable external sources. You can suggest additional sources through the form here.
  1. Chakra UI Landing Page
    Chakra UI Landing Page
    1

    Chakra UI

    Simple, modular and accessible UI components for your React applications.
    Pricing:
    • Open Source

    #Design Tools #Developer Tools #UI 197 social mentions

  2. Tailwind UI Landing Page
    Tailwind UI Landing Page
    2

    Tailwind UI

    Beautiful UI components by the creators of Tailwind CSS.

    #Design Tools #UI Design #Components Library 208 social mentions

  3. DaisyUI Landing Page
    DaisyUI Landing Page
    3

    DaisyUI

    Free UI components plugin for Tailwind CSS
    Pricing:
    • Open Source

    #Design Tools #User Experience #Developer Tools 138 social mentions

  4. Web Gradients Landing Page
    Web Gradients Landing Page
    4

    Web Gradients

    Curated collection of 180 free fresh background gradients 🚀
    Pricing:
    • Open Source

    #Design Tools #Gradient Generator #Color Gradients 4 social mentions

  5. Mantine Landing Page
    Mantine Landing Page
    5

    Mantine

    React library, 60+ hooks and components with dark theme support and focus on accessibility
    Pricing:
    • Open Source

    #Open Source #ReactJS #UI 116 social mentions

  6. Now UI Kit Landing Page
    Now UI Kit Landing Page
    6
    NUI

    Now UI Kit

    A beautiful Bootstrap 4 UI kit. Yours free.

    #Design Tools #Developer Tools #Prototyping

  7. Landing UI Kit Landing Page
    Landing UI Kit Landing Page
    7

    Landing UI Kit

    Handcrafted UI components for landing pages

    #Design Tools #Developer Tools #Prototyping

  8. Design Systems Repo Landing Page
    Design Systems Repo Landing Page
    8

    Design Systems Repo

    A collection of design system examples and resources

    #Design Tools #Website Design #Prototyping 6 social mentions

  9. IconShock Landing Page
    IconShock Landing Page
    9

    IconShock

    Over 2 million free icons in 400+ icon sets over 30 styles

    #Web Icons #Vector Icons #Icon Fonts

Recent Design Tools Posts

Top Open Source Alternatives to Roam Research for Note-Taking

knowledgework.one // 7 months ago

List of Top Free Open Source & Self Hosted Application for Media Streaming

devopsschool.com // about 1 year ago

35 Open-source Free Music and Audio Streaming Servers (Self-hosted)

medevel.com // 4 months ago

14 Best Open Source ETL Tools For QA Teams In 2024

theqalead.com // 5 months ago

11 Best FREE Open-Source ETL Tools in 2024

hevodata.com // about 1 year ago

10 Best Open Source ETL Tools for Data Integration

testsigma.com // about 1 year ago

Related categories

💻 Developer Tools 🛠️ Prototyping 🖌️ UI 🌍 Website Design 🌐 Web Icons

Recently added products

Mapzy GPickr The Architect Pixel Art Camera CodePicnic Rafty UI Niah AI Mega Boilerplate Flat.Icns ArchitectUI
If you want to make changes on any of the products, you can go to its page and click on the "Suggest Changes" link. Alternatively, if you are working on one of these products, it's best to verify it and make the changes directly through the management page. Thanks!
Loading...