Atlassian.design
Atlassian Design System
Atlassian Design System offers guidelines, components, and tools for building consistent, accessible interfaces across Atlassian products and teams.
Access ready-to-use UI components and guidelines
The Atlassian Design System is your go-to resource for building consistent and accessible user interfaces across Atlassian products. Whether you're a designer or developer, you'll find detailed guidelines, reusable UI components, and helpful tools to streamline your workflow and ensure a cohesive look and feel.
You can explore foundations like color, typography, and spacing, as well as dive into component libraries and Figma resources. The site also provides updates on what's new and offers best practices for content and accessibility, making it easy to keep your projects aligned with Atlassian's design principles.
If you're working on products within the Atlassian ecosystem—or just want to adopt their design standards—this site gives you everything you need to design and build with confidence.
Alternatives to Atlassian.design
Discover websites similar to Atlassian.design based on shared categories, topics, and features.
Alternatives with .design Domain Extension
Clarity Design System offers open-source UI components and design guidelines to help you build consistent, accessible web applications quickly and easily.
Ant Design offers a comprehensive React UI component library and design system, helping you build beautiful, enterprise-grade web apps with ease.
Origami Studio lets you design, animate, and prototype interactive user interfaces with real-time feedback and easy integration with Figma and Sketch.
Inclusive Components shares practical guides for building accessible web interfaces, offering patterns and tips for inclusive design in web development.
Top Atlassian.design Alternatives (Matching Language)
Explore and use GOV.UK's official design system with ready-made styles, components, and patterns for building accessible government digital services.
Material Design offers open-source tools and guidelines to help you create attractive, user-friendly digital products quickly and efficiently.
Shopify Polaris offers a toolkit and design system with components, icons, and guides to help you build consistent Shopify admin experiences.
Orbit is an open source design system offering reusable interface components and tools to help you build travel-related web projects efficiently.
Material Design offers adaptable guidelines and open-source code to help you create visually appealing, user-friendly digital products quickly and easily.
Explore SAP's Design System with Fiori, offering UI components and design guidelines to create streamlined, user-friendly enterprise applications.
Spectrum is Adobe’s design system offering components and tools to help teams build cohesive, efficient, and consistent digital experiences.
GTK is a free, open-source toolkit for building cross-platform graphical user interfaces with a wide range of ready-to-use UI elements.
Syncfusion offers a wide range of UI components and tools for building powerful web, desktop, and mobile apps with frameworks like .NET, Angular, and React.
Browse and use pre-built Material Design UI components for building responsive and accessible Angular web apps on desktop and mobile.
Fancyapps UI offers a robust JavaScript UI component library with ready-to-use, customizable tools to help developers build modern, feature-rich interfaces.
Browse and use XDSoft's UI components, including the Jodit PRO WYSIWYG editor, for building user-friendly web interfaces and editing content easily.
Shoelace offers a modern library of customizable web components you can add to any project, making UI development easier for developers and designers.
Semantic UI React offers ready-to-use UI components for building beautiful, responsive React apps with ease. Official integration for Semantic UI.
Create responsive web and mobile apps with customizable HTML5 UI components for Angular, React, Vue, and JavaScript—works on any browser or device.
Get ready-made Material Design UI components for Bootstrap in JavaScript, Angular, React, and Vue to speed up your web development projects.
Element Plus offers a collection of ready-to-use UI components for Vue 3, helping designers and developers build modern web apps more easily.
DHTMLX offers a customizable JavaScript/HTML5 UI library with ready-to-use components for building fast, interactive web and mobile applications.
Infragistics offers a complete library of UI components and tools for building modern web, desktop, and mobile apps with responsive design and data visualization.
Build complex, data-rich web and mobile apps with Sencha’s enterprise-grade JavaScript and Java UI frameworks, featuring powerful UI components and grids.
More Atlassian.design Alternatives
Explore IBM's open source design system for building digital products, with ready-to-use code, design tools, and guidelines for seamless UI creation.
Acorn is the design system powering Firefox desktop and mobile browsers, offering reusable UI components and style guidelines for consistent interfaces.
Creative Tim offers ready-made UI kits, themes, and dashboards for web and mobile apps, supporting Bootstrap, React, Angular, and more frameworks.
Select2 offers a customizable dropdown UI library for web forms, making it easy to enhance select boxes with search, tagging, and more features.
Explore open-source React UI components and tools to speed up your web development, complete with live demos and clear documentation.
Basscss is a low-level CSS toolkit that helps you build fast, scalable, and readable user interfaces with simple, human-friendly class names.
Design and build user interfaces for GTK and GNOME apps quickly with Glade, a simple tool for creating desktop UI layouts without coding.
Explore Atomic Design principles and learn how to build effective digital design systems for faster, more consistent user interfaces across devices.
Preview, compare, and customize cubic-bezier curves for CSS animations. Easily adjust, copy, and export timing functions for your web projects.
wxWidgets is a free, open source library for building cross-platform desktop applications with native user interfaces in C++ and other languages.
Preview HTML files from GitHub or Bitbucket directly in your browser without downloading or cloning the repository. Simple and instant HTML rendering.
Easily customize the look of Google Maps for your apps or websites with this tool. Adjust colors, roads, and labels to match your unique style.
html2canvas lets you capture screenshots of web pages using JavaScript, making it easy to render and save snapshots of your site directly in the browser.
Explore new creative tools from Ceros, the makers of Avocode, designed to help you collaborate and manage your design projects with ease.
Browse a curated collection of stunning color gradients for designers and developers to use in projects, websites, and creative work.
PageSpeed Modules offers open-source tools to automatically optimize website speed and performance for Apache and NGINX servers.
gskinner partners with clients to design and build interactive digital experiences, offering creative solutions for web and app development projects.
Personal site of Michael Gangolf, a freelance app and web developer with expertise in Titanium SDK, WordPress, and open source projects. German language.
Easily convert pixel values to rem with a simple online tool. Streamline your CSS workflow and make responsive design more efficient.
Блогът на Гонзо споделя статии и съвети за уеб разработка, достъпност и дизайн на български език. Открийте практически решения и идеи онлайн.