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! ❤️

mehdi-dalil

t0kido

Donate

Any donation is greatly appreciated ❤️

Source	Link / Address
Github Sponsor	https://github.com/sponsors/Oli8
PayPal	https://paypal.me/OliCrt
Bitcoin	1Ez3Ts2WShUcbeGCjhZapdxVDK77DbYjdU
Ethereum	0xc4364cafac87fd8085dc26af4a4a8c3bbad1bd3e

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