Svebass

Svelte primitive UI components built with Styled System, heavily inspired by and largely ported from rebass/reflexbox for React 🙏

yarn add svebass

Getting Started

<script>
  import { Box } from 'svebass';
</script>

<Box>
  Hello
</Box>

Features

• Start your design system without boiling the ocean
• Build consistent UI with design constraints and user-defined scales
• Best-in-class developer ergonomics with Styled System props
• First-class support for theming & fully compatible with Theme UI
• Quick, mobile-first responsive styles with array-based syntax
• Flexbox layout with the Box and Flex components
• Flexibility built in for high design & development velocity

SSR

👷‍♂️ Work in progress 👷‍♂️

Principles

Svebass is intended to be:

• Minimal
• Useful
• Unopinionated
• Flexible
• Consistent
• Extensible
• Themeable

Documentation

• Flexbox

Related

• Styled System
• Theme UI
• Emotion

---

MIT License