Top 12 Open-Source Alternatives to Atlassian Design

Product categories

CMS CSS Framework Color Palette Generator Design Tools Developer Tools Development Tools Prototyping React React Components UI User Experience Website Design

Summary

The top open-source alternatives to Atlassian Design are Vue Design System, Framer, and Tailwind CSS. 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.

Vue Design System Landing Page
1

Vue Design System

An open source tool for building Design Systems with Vue.js
Pricing:
- Open Source
#Design Tools #Website Design #Prototyping
Framer Landing Page
2

Framer

🔥 Design real websites right on the canvas.
Pricing:
- Open Source
#Design Tools #Website Design #Website Builder 18 social mentions
Tailwind CSS Landing Page
3

Tailwind CSS

A utility-first CSS framework for rapidly building custom user interfaces.
Pricing:
- Open Source
#Developer Tools #Design Tools #Website Design 868 social mentions
Angle 2 Mockups Landing Page
4

Angle 2 Mockups

A giant Sketch Library for creating app presentations
Pricing:
- Open Source
#Design Tools #Prototyping #Website Design 24 social mentions
DaisyUI Landing Page
5

DaisyUI

Free UI components plugin for Tailwind CSS
Pricing:
- Open Source
#Design Tools #User Experience #Developer Tools 137 social mentions
Bootstrap Landing Page
6

Bootstrap

Simple and flexible HTML, CSS, and JS for popular UI components and interactions
Pricing:
- Open Source
#CSS Framework #Development Tools #Design Tools 326 social mentions
Paydevs - Awesome OSS Monetization Landing Page
7

Paydevs - Awesome OSS Monetization

A curated list of awesome monetization approaches for OSS
Pricing:
- Open Source
#Web Analytics #User Experience #Heatmaps
Radix Colors Landing Page
8

Radix Colors

A gorgeous, accessible, open-source color system
Pricing:
- Open Source
#Design Tools #Open Source #Developer Tools 1 social mentions
Material UI Landing Page
9

Material UI

A CSS Framework and a Set of React Components that Implement Google's Material Design
Pricing:
- Open Source
#Design Tools #Development Tools #Developer Tools 75 social mentions
Storybook Landing Page
10

Storybook

Storybook is an open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.
Pricing:
- Open Source
#React #React Components #Developer Tools 204 social mentions
Materialize CSS Landing Page
11

Materialize CSS

A modern responsive front-end framework based on Material Design
Pricing:
- Open Source
#CSS Framework #Development Tools #Design Tools 25 social mentions
Ant Design Landing Page
12

Ant Design

An enterprise-class UI design language and React implementation with a set of high-quality React components, one of best React UI library for enterprises
Pricing:
- Open Source
#Development Tools #Design Tools #UI 96 social mentions