Welcome UI

Welcome to the Welcome UI library created by Welcome to the jungle, a customizable design system with react • styled-components • styled-system and reakit.

Here you'll find all the core components you need to create a delightful webapp.

🌴 Discover all the components

---

---

Install

npm install welcome-ui

or

yarn add welcome-ui

Import library & Theme

Getting started

import React from 'react'
import { ThemeProvider } from '@xstyled/styled-components'
import { createTheme, GlobalStyle } from '@welcome-ui/core'
import { Text } from '@welcome-ui/text'

const theme = createTheme()

export default function App() {
  // Wrap your component with ThemeProvider
  return (
    <ThemeProvider theme={theme}>
      <>
        <GlobalStyle />
        <Text variant="h1">Welcome!</Text>
        <Text>Here is how you can start with welcome-ui :)</Text>
      </>
    </ThemeProvider>
  )
}