Spaper

PaperCSS components for Svelte

Documentation

Browse documentation and demo here.

Start

Import papercss

Add a link to the CDN into your HTML file:

<link rel="stylesheet" href="https://unpkg.com/papercss/dist/paper.min.css">

Or use NPM:

npm i papercss

then import in your main component:

<script>
  import 'papercss/dist/paper.min.css'
</script>

Install spaper

npm i spaper

Usage

<script>
  import { Button } from 'spaper';
  // or
  import Alert from 'spaper/components/Alert.Svelte';
</script>

<Alert>...</Alert>
<Button>Click me</Button>

Sponsors

Thanks to these generous people! :heart:

mehdi-dalil

t0kido

Donate

Any donation is greatly appreciated :heart:

Components

• Alert
• Article
• Badge
• Breadcrumb
• Button
• Card
• Carousel
• CloseButton
• Col
• Collapsible
• CopyButton
• Form
• Checkbox
• Input
• NuberInput
• Radio
• Select
• Slider
• Switch
• Hero
• Modal
• Navbar
• Pagination
• Popover
• Progress
• Row
• Skeleton
• Table
• Tabs
• Toast