Atlassian Design System

Atlaskit: 59 Apache-2.0 React components behind Jira, Confluence and Bitbucket

Tier A · StrongDesign System DocsComponent LibraryReferenceatlassian.design

The public documentation for Atlassian's design system, the one that renders Jira, Confluence, Trello and Bitbucket. It ships 59 documented components plus 13 layout primitives (Box, Inline, Stack, Flex, Grid, XCSS), a design token system, and hard-won libraries like Pragmatic drag and drop. Every piece is published to npm as a separately versioned @atlaskit/* package under Apache-2.0, so it is genuinely usable outside Atlassian, though the visual language is unmistakably Atlassian.

Install

npm i @atlaskit/button

For an agent

Use this when you are building an actual Atlassian Forge/Connect app, or when you want to read a mature enterprise system's rationale — its docs on tokens, drag and drop, and the UI Styling Standard are better prose than most libraries ship. It publishes an llms.txt, so point a fetch tool there before scraping pages. Do not adopt @atlaskit/* for a generic product: it is per-component npm packages with tight peer-dependency coupling and a css-in-js runtime, which is far heavier to install and theme than shadcn or MUI, and the Atlassian logo/Object components are trademark-bound.

Why it is here. One of the few enterprise design systems that is both fully documented in public and Apache-2.0 on npm, which makes it a real reference for how a large system handles tokens, primitives and accessibility.

Install command, framework, licence and component list.

Facts

License: Apache 2.0, Trademark / trade dress restricted
Pricing: Free, Open source
Framework: React
Styling: CSS-in-JS, CSS custom properties
Distribution: npm package, Figma file or kit
Platform: Web
Content type: Code, Design tokens / theme files, Prose / writing, Figma / design source files
Agent readiness: llms.txt, Structured documentation, CLI installable, Readable open source
Accessibility: WCAG 2.x AA, Keyboard navigable, Focus management and visible focus, Accessible
Maturity: Actively maintained
Package: @atlaskit/button

Components it ships

59 total

Helps you build

Notable for

59 components plus 13 layout primitives
Apache-2.0 on npm, per-component packages
Pragmatic drag and drop library
publishes llms.txt
powers Jira, Confluence, Bitbucket

Provenance

Verified 2026-08-16. HTTP 200. https://atlassian.design/components, https://atlassian.design/get-started/develop, https://atlassian.design/llms.txt, https://registry.npmjs.org/@atlaskit/button

Also in Design Systems & Brand Guidelines

atlassian.designTier A