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
Principles
Svebass is intended to be:
- Minimal
- Useful
- Unopinionated
- Flexible
- Consistent
- Extensible
- Themeable