Skip to content

Svelte primitive UI components built with styled-system, based on RebassJS.

License

Notifications You must be signed in to change notification settings

svebassjs/svebass

Repository files navigation

Svebass

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

Downloads Version MIT License

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

Related


MIT License