Atlassian's official UI library, built according to the Atlassian Design Guidelines.

Atlassian Design System

We chose to open-source it to allow the community to design and build their own projects with Primer.

Primer Design System

Spectrum provides components and tools to help product teams work more efficiently, and to make Adobe’s applications more cohesive.

Spectrum

A multi-line text input component, used for longer texts in form fields. A Textarea lets users enter long form text which spans over multiple lines.

Design UI interfaces and simplify the process of integrating into live websites with Tailwind CSS using this professional Figma design system featuring 1000+ component variants, responsive pages, dark mode, and auto-layout.

Flowbite

Untitled UI is the largest UI kit and design system for Figma in the world. Kickstart any project, save thousands of hours, and level up as a designer.

Untitled UI

10X your speed while becoming a Figma expert.

UI Prep

Design faster with Wedges. The free, ever-expanding design system for Figma.

Wedges

AlignUI is an advanced design system for Figma that offers comprehensive and high-quality components, as well as customizable dashboards, widgets, and templates tailored for different sectors and purposes.

AlignUI

Help designers/developers building beautiful products more flexible and working with happiness.

Ant Design

Disy is a minimalist Design System/UI Kit to help you build human-centered product experience.

Disy

Frames X is the one Figma design system and Handbook to streamline your workflow, help complete projects faster, and get paid more by managing more clients efficiently.

Frames X

Textarea

defaultValue

Short text hinting at what the user can enter in the textarea.

placeholder

The name of the textarea, used when submitting an HTML form.

name

Changes the size of the text input, giving it more or less padding.

size

appearance

Whether the textarea should display its 'valid', 'invalid' or 'default' visual styling.

validationState

The maximum number of characters supported by the textarea.

maxLength

Disables the textarea, disallowing user interaction.

isDisabled

Whether the element should receive focus on render.

autoFocus

Whether the textarea can be selected but not changed by the user.

isReadOnly

Whether user input is required on the textarea before form submission.

isRequired

Whether the component should take up the full width of its container.

isFullWidth

A label for the textarea, providing context to the user.

label

Additional information below the textarea to help the user. Most useful for displaying validation errors.

helperText

Allow the user to resize manually the textarea.

resize

Automatically grow the textarea depending on amount of text.

hasAutoSize

Minimum number of rows to display. The minimum height of the textarea.

minRows

Maximum number of rows to display. The maximum height of the textarea.

maxRows

Callback function that is fired when the textarea value is changed.

onChange

The Base design system defines the foundations of user interfaces across Uber's ecosystem of products & services. It brings all Uber experiences together under a single, unified framework.

Base

Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications.

Chakra UI

A collection of UX frameworks you can use to build Fluent experiences that fit seamlessly into a broad range of Microsoft products.

Fluent 2

Welcome to our curated collection of UI goodness, the Zendesk Garden. The Garden is where we grow user interface components for Zendesk products.

Garden

Build fully functional accessible web applications faster than ever – Mantine includes more than 100 customizable components and 50 hooks to cover you in any situation.

Mantine

Material UI is beautiful by design and features a suite of customization options that make it easy to implement your own custom design system.

Material UI

Pajamas is here to make it as comfortable as possible for anyone to contribute towards GitLab. You will find information such as our principles, components, usage guidelines, branding, research methodologies, and more!

Pajamas

Vuetify is a no design skills required Open Source UI Library with beautifully handcrafted Vue Components.

Vuetify

The Elastic UI framework (EUI) is a design library in use at Elastic to build internal products that need to share our aesthetics. It distributes UI React components and static assets for use in building web layouts.

Elastic UI

Blueprint is an open source project developed at Palantir. A react - based UI toolkit for the web.

Blueprint

The UI building blocks for creating a cohesive design across Pluralsight products.

Pluralsight Design System

Our components are a collection of interface elements that can be reused across the Shopify system.