Cosy UI

A library of components for building user interfaces

Native Astro Integration

Designed specifically for the Astro framework, providing the best development experience and performance optimization

Optimal Performance

Make full use of Astro's Islands architecture to achieve zero runtime JavaScript

TypeScript Support

Complete TypeScript type definitions for excellent development experience

Astro Syntax

Native support for .astro file syntax, no additional configuration required

Design Consistency

Perfectly integrated with the Astro ecosystem, maintaining design language consistency

Simple and Easy to Use

Out of the box, quick to get started, making development easy and enjoyable

One-Click Installation

Quick installation via npm, no complex configuration required

Plug and Play

Import and use components directly, no additional setup required

Detailed Documentation

Complete usage guides and example code

Intuitive API

Simple and clear component interfaces, easy to understand and use

Rich Component Library

Covering various UI components to meet development needs in different scenarios

Layout Components

Container, Grid, Flex and other basic layout components

Visual Components

Banner, Card, Avatar and other visual display components

Responsive Design

All components support mobile and desktop adaptation

Component Composition

Components can be flexibly combined to build complex interfaces

Start Using Cosy UI

Cosy UI components illustration

More Products

Discover more tools and products from CofficLab.

Products illustration

MDX Jump

Go to Definition and smart completion for Astro/Vue components in MDX

Kuzee

A structured learning platform for computer science and technology learners