{"id":13393608,"url":"https://github.com/kuldeepkeshwar/filbert-js","last_synced_at":"2025-04-05T00:10:04.474Z","repository":{"id":37954889,"uuid":"277039723","full_name":"kuldeepkeshwar/filbert-js","owner":"kuldeepkeshwar","description":"A lightweight(~1kb) css-in-js framework","archived":false,"fork":false,"pushed_at":"2024-03-11T18:51:35.000Z","size":5943,"stargazers_count":176,"open_issues_count":14,"forks_count":9,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-27T23:23:32.532Z","etag":null,"topics":["1kb-library","css","css-in-js","cssinjs","emotion","filbert-js","hacktoberfest","hacktoberfest2020","light-weight","preact","react","styled-components","styling"],"latest_commit_sha":null,"homepage":"https://filbert-js.vercel.app/docs/introduction","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kuldeepkeshwar.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null},"funding":{"github":null,"patreon":null,"open_collective":"filbert-js","ko_fi":null,"tidelift":null,"custom":"https://www.paypal.me/kuldeepkeshwar"}},"created_at":"2020-07-04T04:42:27.000Z","updated_at":"2024-10-06T20:56:44.000Z","dependencies_parsed_at":"2024-03-13T00:45:36.684Z","dependency_job_id":null,"html_url":"https://github.com/kuldeepkeshwar/filbert-js","commit_stats":{"total_commits":153,"total_committers":9,"mean_commits":17.0,"dds":0.5359477124183006,"last_synced_commit":"0f934465b8f35a0e676e37696c18141bdcdd5048"},"previous_names":[],"tags_count":70,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kuldeepkeshwar%2Ffilbert-js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kuldeepkeshwar%2Ffilbert-js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kuldeepkeshwar%2Ffilbert-js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kuldeepkeshwar%2Ffilbert-js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kuldeepkeshwar","download_url":"https://codeload.github.com/kuldeepkeshwar/filbert-js/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246598193,"owners_count":20802976,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["1kb-library","css","css-in-js","cssinjs","emotion","filbert-js","hacktoberfest","hacktoberfest2020","light-weight","preact","react","styled-components","styling"],"created_at":"2024-07-30T17:00:56.885Z","updated_at":"2025-04-05T00:10:04.448Z","avatar_url":"https://github.com/kuldeepkeshwar.png","language":"JavaScript","funding_links":["https://opencollective.com/filbert-js","https://www.paypal.me/kuldeepkeshwar"],"categories":["JavaScript"],"sub_categories":[],"readme":"[![version](https://img.shields.io/npm/v/@filbert-js/core)](https://www.npmjs.com/package/@filbert-js/core)\n\n\u003c!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section --\u003e\n[![All Contributors](https://img.shields.io/badge/all_contributors-5-orange.svg?style=flat-square)](#contributors-)\n\u003c!-- ALL-CONTRIBUTORS-BADGE:END --\u003e\n\n[![gzip size](https://img.badgesize.io/https://unpkg.com/@filbert-js/core@latest/dist/index.es.js?compression=gzip)](https://unpkg.com/@filbert-js/core)\n[![downloads](https://img.shields.io/npm/dw/@filbert-js/core)](https://www.npmjs.com/package/@filbert-js/core)\n[![Discord](https://img.shields.io/discord/754036922606944366.svg)](https://discord.gg/aUyVNJX)\n\n\u003cp align=\"center\"\u003e\n \u003cbr/\u003e\n  \u003cbr/\u003e\n\n\u003csvg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.0\" viewBox=\"0 0 508.000000 491.000000\" preserveAspectRatio=\"xMidYMid meet\" fill=\"currentColor\" width=\"250\" height=\"250\"\u003e\n \u003cg transform=\"translate(0.000000,491.000000) scale(0.100000,-0.100000)\"\u003e\n  \u003cpath d=\"M3603 4628 c-38 -42 -122 -196 -661 -1203 -619 -1160 -734 -1384 -752 -1471 -9 -43 -20 -65 -46 -89 -19 -18 -34 -40 -34 -48 0 -9 -11 -33 -25 -53 -17 -26 -25 -49 -24 -73 2 -26 -32 -124 -118 -341 -66 -168 -125 -318 -130 -335 -8 -25 -19 -33 -68 -49 -107 -34 -170 -116 -270 -350 -93 -218 -161 -286 -306 -306 -34 -5 -63 -11 -65 -13 -10 -10 151 -40 237 -45 86 -4 199 7 246 25 16 6 17 5 3 -12 -14 -17 -13 -18 25 -11 22 4 71 11 108 16 38 5 80 16 95 24 15 8 55 27 90 42 50 22 77 42 128 99 77 87 122 120 208 151 145 52 337 54 481 4 179 -62 387 -109 595 -135 77 -10 59 1 -32 20 -87 18 -164 43 -133 44 11 0 74 -6 140 -14 163 -20 192 -17 65 5 -150 27 -258 61 -469 147 -191 77 -245 102 -224 103 21 0 235 -58 378 -103 185 -59 361 -98 460 -102 44 -2 64 -1 45 1 -134 17 -286 56 -495 125 -319 106 -380 120 -547 126 -167 7 -251 -10 -377 -74 -46 -24 -86 -42 -87 -40 -2 2 -8 28 -14 58 -5 30 -17 70 -26 91 -16 36 -16 37 14 75 36 44 138 229 255 460 52 102 89 165 103 171 24 12 64 122 64 178 0 27 9 46 36 77 48 56 118 205 329 697 381 891 864 2040 875 2080 14 53 6 90 -19 90 -10 0 -36 -19 -58 -42z m51 -25 c-4 -16 -79 -199 -168 -408 -154 -360 -164 -380 -190 -383 -28 -4 -51 9 -66 38 -10 19 8 56 208 430 155 291 190 350 208 350 11 0 13 -7 8 -27z m-641 -1185 c-82 -161 -252 -489 -378 -728 -126 -239 -259 -500 -296 -580 -36 -80 -71 -156 -77 -170 l-12 -25 6 25 c36 147 285 650 707 1425 208 383 187 345 193 345 3 0 -62 -132 -143 -292z m-813 -1563 c0 -2 -11 -15 -25 -29 -14 -14 -25 -35 -25 -46 0 -12 -4 -18 -10 -15 -28 17 5 95 41 95 10 0 19 -2 19 -5z m35 -35 c3 -6 -3 -22 -14 -36 -12 -15 -21 -38 -21 -51 0 -34 -24 -24 -28 11 -7 57 40 113 63 76z m90 -44 c33 -13 68 -27 78 -30 22 -7 22 -44 1 -75 -15 -20 -22 -23 -59 -18 -68 10 -125 36 -125 58 0 25 27 89 37 89 4 0 35 -11 68 -24z m-200 -36 c3 -5 -3 -26 -13 -46 l-19 -37 -7 27 c-10 40 21 86 39 56z m44 -44 c10 -11 10 -20 1 -36 -6 -12 -9 -28 -6 -36 6 -16 4 -17 -18 -8 -16 6 -21 48 -10 78 8 20 18 20 33 2z m91 -46 c30 -11 72 -19 93 -20 41 0 46 -12 21 -48 -17 -25 -77 -30 -135 -11 -50 17 -60 30 -53 67 8 37 4 37 74 12z m-290 -350 c-71 -172 -132 -315 -135 -318 -17 -17 8 52 111 312 64 160 120 302 125 315 6 16 13 21 19 15 7 -7 -36 -122 -120 -324z m222 265 c29 -14 64 -25 78 -25 48 -1 52 -12 21 -70 -15 -30 -66 -129 -113 -220 -127 -245 -184 -339 -213 -346 -24 -6 -91 11 -99 25 -5 8 261 661 269 661 2 0 27 -11 57 -25z m-402 -632 c-38 -25 -81 -66 -92 -88 -6 -12 6 -5 28 16 36 34 74 59 89 59 3 0 -10 -23 -30 -51 -42 -61 -47 -89 -6 -33 15 21 38 48 50 58 l21 19 0 -47 c0 -26 -7 -63 -15 -84 -14 -34 -13 -35 1 -17 8 11 20 39 27 63 6 23 15 42 20 42 11 0 4 -102 -9 -135 -4 -11 -4 -17 1 -13 4 4 16 36 26 70 l18 63 0 -80 c1 -65 -4 -90 -24 -132 -31 -69 -23 -69 12 0 20 40 27 71 31 136 5 83 5 84 19 50 8 -19 18 -61 23 -94 l9 -60 -2 72 c-2 54 0 68 8 55 5 -9 10 -60 10 -112 0 -85 -3 -101 -29 -155 -40 -81 -119 -156 -209 -199 -39 -19 -85 -38 -102 -41 l-30 -7 35 32 c38 34 36 34 -55 -4 -100 -41 -251 -54 -364 -30 -20 4 -17 8 28 30 95 48 145 121 251 367 58 133 113 207 181 241 29 14 64 26 78 26 l25 0 -24 -17z\"/\u003e\n  \u003cpath d=\"M3733 553 c9 -2 23 -2 30 0 6 3 -1 5 -18 5 -16 0 -22 -2 -12 -5z\"/\u003e\n  \u003cpath d=\"M3608 543 c12 -2 32 -2 45 0 12 2 2 4 -23 4 -25 0 -35 -2 -22 -4z\"/\u003e\n \u003c/g\u003e\n\u003c/svg\u003e\n\n  \u003cbr/\u003e\n  \u003cb\u003eFilbert\u003c/b\u003e\n  \u003cbr/\u003e\n  \u003cb\u003eA light weight (~1KB) css-in-js solution (framework) 🎨\u003c/b\u003e\n   \u003cbr/\u003e\n    \u003cbr/\u003e\n     \u003cbr/\u003e\n  \u003ca href=\"https://filbert-js.vercel.app/docs/install\"\u003eGetting started\u003c/a\u003e \n\u003c/p\u003e\n\nIt is an alternative to [styled-components](https://github.com/styled-components/styled-components)(~12.51kB) or [emotion](https://github.com/emotion-js/emotion)(~11.3kB) with similar API surface.\n\n# Features\n\n| Name                                                                                           | Status |\n| ---------------------------------------------------------------------------------------------- | ------ |\n| [CSS](https://filbert-js.vercel.app/docs/CSS)                                                  | ✅     |\n| [Nested Selectors](https://filbert-js.vercel.app/docs/nested-selectors)                        | ✅     |\n| [Dynamic Styling(Prop based)](https://filbert-js.vercel.app/docs/with-props)                   | ✅     |\n| [Override Component Style](https://filbert-js.vercel.app/docs/override-component-style)        | ✅     |\n| [Global](https://filbert-js.vercel.app/docs/global)                                            | ✅     |\n| [Pseudo Selector](https://filbert-js.vercel.app/docs/pseudo-elements)                          | ✅     |\n| [Media Queries ](https://filbert-js.vercel.app/docs/media-queries)                             | ✅     |\n| [Keyframe](https://filbert-js.vercel.app/docs/keyframes)                                       | ✅     |\n| [Theming](https://filbert-js.vercel.app/docs/theming)                                          | ✅     |\n| [Component Selector](https://filbert-js.vercel.app/docs/component-selector)                    | ✅     |\n| Styles As Object Literals                                                                      | 🔜     |\n| [Server-side Rendering](https://filbert-js.vercel.app/docs/server-side-rendering)              | ✅     |\n| [Client-side Hydration](https://filbert-js.vercel.app/docs/server-side-rendering)              | ✅     |\n| [Vendor Prefixing ](https://filbert-js.vercel.app/docs/auto-prefixing)                         | ✅     |\n| [Extract CSS File](https://filbert-js.vercel.app/docs/server-side-rendering)                   | ✅     |\n| React Native                                                                                   | 🔜     |\n| [Integration(`Create React App`)](https://filbert-js.vercel.app/integrations/create-react-app) | ✅     |\n| [Integration(`Preact`)](https://filbert-js.vercel.app/integrations/preact)                     | ✅     |\n| [Integration(`Gatsby`)](https://filbert-js.vercel.app/integrations/gatsby)                     | ✅     |\n| [Integration(`Next.js`)](https://filbert-js.vercel.app/integrations/nextjs)                    | ✅     |\n\n# Benchmarks\n\n- [Server side rendering](https://github.com/kuldeepkeshwar/filbert-js/tree/master/benchmarks/performance)\n\n  \u003cp\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/kuldeepkeshwar/filbert-js/master/filbert-benchmark-ssr.png\" width=\"100%\" alt=\"filbert\" /\u003e\n  \u003c/p\u003e\n\n- [Mount deep/wide tree](https://github.com/necolas/react-native-web/tree/master/packages/benchmarks#mount-deepwide-tree)\n\n  \u003cp\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/kuldeepkeshwar/filbert-js/master/filbert-benchmark-deep-tree.png\" width=\"100%\" alt=\"filbert\" /\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/kuldeepkeshwar/filbert-js/master/filbert-benchmark-wide-tree.png\" width=\"100%\" alt=\"filbert\" /\u003e\n  \u003c/p\u003e\n\n- [Update dynamic styles](https://github.com/necolas/react-native-web/tree/master/packages/benchmarks#update-dynamic-styles)\n  \u003cp\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/kuldeepkeshwar/filbert-js/master/filbert-benchmark-dynamic-styles.png\" width=\"100%\" alt=\"filbert\" /\u003e\n  \u003c/p\u003e\n  \u003cbr/\u003e\n\n## 🤝 How to Contribute\n\nWhether you're helping us fix bugs, improve the docs, or spread the word, we'd love to have you as part of the community! 💪💜\n\nCheck out our [**Contributing Guide**](https://github.com/kuldeepkeshwar/filbert-js/blob/master/CONTRIBUTING.md)\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --\u003e\n\u003c!-- prettier-ignore-start --\u003e\n\u003c!-- markdownlint-disable --\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/Darth-koder007\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/9719845?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eVijay Singh\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"#content-Darth-koder007\" title=\"Content\"\u003e🖋\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://in.linkedin.com/in/kuldeepkeshwar\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/10448534?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eanotherjsguy\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/kuldeepkeshwar/filbert-js/commits?author=kuldeepkeshwar\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/vivek32ta\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/32357540?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eVivek T A\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/kuldeepkeshwar/filbert-js/commits?author=vivek32ta\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/danedavid\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/19928280?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eDane David\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/kuldeepkeshwar/filbert-js/commits?author=danedavid\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://vigneshwaran.dev\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/31436276?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eVignesh Elangovan\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/kuldeepkeshwar/filbert-js/commits?author=devevignesh\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003c!-- markdownlint-enable --\u003e\n\u003c!-- prettier-ignore-end --\u003e\n\u003c!-- ALL-CONTRIBUTORS-LIST:END --\u003e\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n\n## Backers\n\nThank you to all our backers! 🙏\n\u003ca href=\"https://opencollective.com/filbert-js#backers\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/filbert-js/backers.svg\"/\u003e\u003c/a\u003e\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website.\n\u003ca href=\"https://opencollective.com/filbert-js#sponsors\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/filbert-js/sponsors.svg\"/\u003e\u003c/a\u003e\n\n## Acknowledgements\n\nWithout [styled-components](https://github.com/styled-components/styled-components)/[emotion](https://github.com/emotion-js/emotion), filbert wouldn't exist. Thanks to all the wonderful people who have contributed towards these projects 🙏\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkuldeepkeshwar%2Ffilbert-js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkuldeepkeshwar%2Ffilbert-js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkuldeepkeshwar%2Ffilbert-js/lists"}