Getting Started
IntroductionInstallStyled ComponentsCSSNested SelectorsWith PropsOverride Component StylePseudo ElementsStyle Any ComponentGlobalMedia QueriesKeyframesThemingComponent SelectorLabelsServer Side RenderingAuto PrefixingUsing As Prop
Integrations
create react apppreactnextjsgatsbytailwind
Miscellaneous
Under The Hood
Packages
@filbert-js/core@filbert-js/theming@filbert-js/server-stylesheet@filbert-js/browser-stylesheet@filbert-js/autoprefixer@filbert-js/css-ast@filbert-js/style-sheet-context@filbert-js/css-parser@filbert-js/stylesheet@filbert-js/types@filbert-js/macrobabel-plugin-filbertgatsby-plugin-filbert

preact

To use filbert-js with preact, all you need is @filbert-js/macro

1// app.js
2import { styled } from '@filbert-js/macro';
3
4import { h } from 'preact';
5
6const Box = styled.div`
7 color: red;
8`;
9export default function App() {
10 return <Box>Preact is awesome</Box>;
11}

👉 Checkout starter kit