Introduction

version

All Contributors

gzip size downloads Discord




Filbert
A light weight (~1KB) css-in-js solution (framework) 🎨


Getting started

It is an alternative to styled-components(~12.51kB) or emotion(~11.3kB) with similar API surface.

Features

NameStatus
CSSβœ…
Nested Selectorsβœ…
Dynamic Styling(Prop based)βœ…
Override Component Styleβœ…
Globalβœ…
Pseudo Selectorβœ…
Media Queries βœ…
Keyframeβœ…
Themingβœ…
Component Selectorβœ…
Styles As Object LiteralsπŸ”œ
Server-side Renderingβœ…
Client-side Hydrationβœ…
Vendor Prefixing βœ…
Extract CSS Fileβœ…
React NativeπŸ”œ
Integration(Create React App)βœ…
Integration(Preact)βœ…
Integration(Gatsby)βœ…
Integration(Next.js)βœ…

Benchmarks

🀝 How to Contribute

Whether you’re helping us fix bugs, improve the docs, or spread the word, we’d love to have you as part of the community! πŸ’ͺπŸ’œ

Check out our Contributing Guide

Contributors ✨

Thanks goes to these wonderful people (emoji key):


Vijay Singh

πŸ–‹

anotherjsguy

πŸ’»

Vivek T A

πŸ’»

Dane David

πŸ’»

Vignesh Elangovan

πŸ’»

This project follows the all-contributors specification. Contributions of any kind welcome!

Backers

Thank you to all our backers! πŸ™

Sponsors

Support this project by becoming a sponsor. Your logo will show up here with a link to your website.

Acknowledgements

Without styled-components/emotion, filbert wouldn’t exist. Thanks to all the wonderful people who have contributed towards these projects πŸ™