PeoplePlus Svelte Components

A collection of high quality, accessible components for Svelte and SvelteKit.

Goals

• Accessible by Default

  As much as is technically possible all components should, without specific thought from the library consumer, be accessible following the Web Content Accessibility Guidelines.

• Made for Svelte

  Components and their APIs should be designed for Svelte, and we should take advantage of this fact where we can. For example by using stores, actions, etc.

• Server Rendering & SvelteKit

  All components should be renderable on a server environment such as Cloudflare Pages/Workers.

• Works without JavaScript

  Where possible, all components should work without JavaScript enabled. They may have reduced functionality and/or accessiblity when this is the case, but core functionality should still be possible.

• Light & Dark Mode

  All components should support both light and dark mode via Tailwind.

Acknowledgments

This library builds on top of and/or takes inspiration from the following projects:

• Tailwind CSS
• Flowbite - A collection of Tailwind CSS components
• svelte-headlessui - Unofficial implementation of Tailwind HeadlessUI for svelte