linear-modern
CommunityPremium dark UI for developer tooling.
AuthorTheBlueBear02
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Linear Modern provides a complete, opinionated design language to build premium dark UIs for developer tooling, dashboards, and marketing pages, solving inconsistent aesthetics and slow iteration.
Core Features & Use Cases
- Four-layer background system (gradient, noise, blobs, grid) to create depth without flat surfaces
- Multi-layer shadows and ambient glow for tactile, glassy surfaces
- Gradient text accents, expo-out motion, and precise transitions for a premium feel
- Tokens for color, typography, borders, and motion, plus a responsive, asymmetric bento grid
- Use cases include dashboards, developer tool UIs, and marketing pages that demand cinematic, high-fidelity aesthetics
Quick Start
Bootstrap a Linear Modern UI scaffold in your React project by applying the four-layer background, token system, and sample components.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: linear-modern Download link: https://github.com/TheBlueBear02/drip-skills/archive/main.zip#linear-modern Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.