Component Library

A collection of reusable components based on Linear's design system. Build your product with these battle-tested components.

Interactive Component Showcase

Primary Button

Secondary Button

Ghost Button

Demo Components

Hero Section

Linear is a purpose-built tool
for planning and building products

Streamline issues, projects, and product roadmaps. Purpose-built for modern product development.

Start buildingOpen app
Issue TrackingProject PlanningAI-PoweredTeam CollaborationAnalytics
linear.app

Active Issues

12 open
Implement user authentication
In Progress
Design component library
To Do
Setup CI/CD pipeline
Review

Feature Cards

🎯

Project Planning

Visual roadmap tools, project management capabilities, collaborative documentation

Learn more
🐛

Issue Tracking

Optimized for speed and efficiency, cycle and triage management, insights and analytics

Learn more
🤖

AI-Assisted Development

AI agents for technical tasks, product intelligence suggestions, workflow integrations

Learn more

How to Use

1. Import Components

import { Navigation, Hero, FeatureCard } from '@/components'

2. Use in Your Pages

<Navigation /> <Hero /> <FeatureCard title="..." />