Skip to main content

What's missing

This library is clearly in it's baby stage, and not ready for production use.

Support for multiple build systems​

  • Parcel (This is supported, since its what i use in all my projects)
  • Vite
  • WebPack, PEOPLE STILL USE WEBPACK?

Reusable styles​

Could be awesome to share styles, example have a base button and variants. This is not possible yet, but the idea is as follows:

const Base = styled.button`
  background: red;
  color: white;
  padding: 10px;
  border-radius: 5px;
`

const Primary = styled(Base)`
  background: blue;
`

"css prop"​

The idea is to extract all 'css' props and evaluate them at compile time. This is not possible yet, but the idea is as follows:

const Compoenent = () => {
    return <div css={{
        color: 'blue',
        padding: '10px',
    }}>
        <h1>Some title</h1>
    </div>
}


```tsx