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:

Donate

Any donation is greatly appreciated :heart:

| 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