Overview

Welcome to sterling-svelte, a UI component library built for Svelte!

Every component is modern, accessible, and fast. The code targets evergreen browsers and meets ARIA accessibility standards. The library quality is meant for real world, production applications and sites.

What's New

Version 2 of sterling-svelte is built on Svelte 5. You can keep using sterling-svelte 1, but this is the version getting improvements and bug fixes. Svelte 5 does have breaking changes. See the Migration from v1 guide.

Styling

The library is headless; components don't contain or apply any CSS styles. Components render class names and data attributes to enable rich styling. You can easily style components by using the @geoffcox/sterling-svelte-themes CSS package. It contains the Sterling theme with both light and dark mode variations.

This documentation applies the Sterling theme. Here's examples of a few components:

Dependencies

Dependencies are kept to a minimum to keep bundle size as small as possible.

Documentation

The documentation for each component includes:

• An interactive playground
• Component code that is updated as you change properties
• Descriptions of each type, property, event, and method
• Usage, behavior, and other considerations
• Anatomy of the component

Contributing

Contributors are welcome! Create a work item on GitHub if you find a bug or have a feature request. Create a PR to contribute a component, feature, or fix.