Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/danielitoCode/compose_svelted/llms.txt

Use this file to discover all available pages before exploring further.

Compose Svelted is a Svelte 5 UI component library built for developers who think in Jetpack Compose. It maps the Compose layout system — Column, Row, Box, Scaffold, Modifier, NavController — onto native web without Skia, virtual DOM, or hidden magic. If you build Android UIs and want to bring that mental model to the web, this is your starting point.

Introduction

Understand the philosophy and core ideas behind Compose Svelted.

Installation

Add the package to your Svelte project and configure the CSS baseline.

Quickstart

Build your first screen with Column, Row, Surface, and Text in minutes.

Modifier API

Master the immutable, chainable Modifier API — the heart of every layout.

​
What’s Inside

Layouts

Column, Row, Box, Scaffold, LazyColumn, LazyRow

UI Components

Surface, Text, Buttons, TextFields, Cards, Menus, Image, Icon

Motion

AnimatedVisibility, AnimatedContent, animation specs

Navigation

NavController, NavHost, composable routes, backstack management

Theming

Material 3 color schemes, typography, shapes, light/dark modes

Examples

Full login screens and real-world app patterns

​
Get Running in 3 Steps

1

Install the package

npm install @danielito1996/compose-svelted
2

Import the CSS baseline

main.ts
import "@danielito1996/compose-svelted/baseline.css";
3

Build your first screen

App.svelte
<script>
  import { ComposeTheme, AppRoot, Column, Text, Modifier } from "@danielito1996/compose-svelted";
</script>

<ComposeTheme mode="system">
  <AppRoot>
    <Column modifier={Modifier.padding(24)}>
      <Text textStyle="headlineMedium">Hello, Compose Svelted</Text>
      <Text textStyle="bodyLarge">Declarative UI for the web.</Text>
    </Column>
  </AppRoot>
</ComposeTheme>
Compose Svelted is currently in alpha (v0.2.8-alpha01). Core layout and motion APIs are stable; the navigation system (Core V2) is closed and a Core V3 with nested navigation is planned.

Build docs developers (and LLMs) love

Get started for freeTalk to us