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

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

Top categories

Loading Svelte Themes