{"id":13893813,"url":"https://github.com/hyperfocalHQ/pollen","last_synced_at":"2025-07-17T08:30:56.967Z","repository":{"id":37317905,"uuid":"169935999","full_name":"hyperfocalHQ/pollen","owner":"hyperfocalHQ","description":"The CSS variables build system","archived":false,"fork":false,"pushed_at":"2025-05-01T00:02:53.000Z","size":2156,"stargazers_count":897,"open_issues_count":9,"forks_count":14,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-06-22T18:52:42.522Z","etag":null,"topics":["css","css-framework","css-utilites","css-variables","design-system","functional-css","tailwindcss","utilty-classes"],"latest_commit_sha":null,"homepage":"https://www.pollen.style","language":"TypeScript","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/hyperfocalHQ.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-02-10T02:35:21.000Z","updated_at":"2025-06-19T07:23:36.000Z","dependencies_parsed_at":"2024-09-08T10:39:51.147Z","dependency_job_id":"dd0ae096-1cdd-4167-90e0-5bfbc19c7ca1","html_url":"https://github.com/hyperfocalHQ/pollen","commit_stats":null,"previous_names":["builtbytomorrow/bloom","heybokeh/pollen","hyperfocalhq/pollen"],"tags_count":29,"template":false,"template_full_name":null,"purl":"pkg:github/hyperfocalHQ/pollen","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hyperfocalHQ%2Fpollen","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hyperfocalHQ%2Fpollen/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hyperfocalHQ%2Fpollen/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hyperfocalHQ%2Fpollen/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hyperfocalHQ","download_url":"https://codeload.github.com/hyperfocalHQ/pollen/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hyperfocalHQ%2Fpollen/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265585277,"owners_count":23792712,"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":["css","css-framework","css-utilites","css-variables","design-system","functional-css","tailwindcss","utilty-classes"],"created_at":"2024-08-06T18:01:17.714Z","updated_at":"2025-07-17T08:30:56.725Z","avatar_url":"https://github.com/hyperfocalHQ.png","language":"TypeScript","readme":"\u003ch1 align=\"center\"\u003e Pollen \u003c/h1\u003e \u003cbr\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.pollen.style/\"\u003e\n    \u003cimg alt=\"Pollen\" title=\"Pollen\" src=\"https://i.imgur.com/wensu33.png\" width=\"200\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003ch3 align=\"center\"\u003eThe CSS variables build system\u003c/h3\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://img.shields.io/npm/v/pollen-css.svg?style=flat\" /\u003e\n  \u003cimg src=\"https://img.badgesize.io/https://unpkg.com/pollen-css/pollen.css?compression=gzip\u0026label=size\"\u003e\n  \u003cimg src=\"https://github.com/heybokeh/pollen/actions/workflows/main.yml/badge.svg\"\u003e\n  \u003cimg src=\"https://img.shields.io/npm/l/pollen-css\"\u003e\n\u003c/p\u003e\n  \n\u003cbr/\u003e\n\nPollen is a highly configurable library of CSS variables for your next design system. It lets you write faster, more consistent, and more maintainable styles.\n\nMade and maintained with ❤️ by the fine people at [Bokeh](https://bokeh.photo).\n\n### Features\n\n- Robust library of well-considered, style-agnostic CSS variables\n- Fully configurable and extensible with CLI build tool\n- Zero setup required to get started\n- Responsive with configurable `@media` and `@supports` queries\n- Lightweight, human-readable output if you ever want to move away from Pollen\n\n### What it looks like\n\nPollen's design tokens can be used to build any project. They're easy to customise and extend and they don't require preprocessors, class naming conventions, or non-standard syntax. Generate an entirely custom design system with a simple config file.\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://i.imgur.com/ZNfrTAz.jpg\" width=\"750\"\u003e\n\u003c/p\u003e\n\n## How it works\n\n#### 1. Configure your design system\n\n`pollen.config.js`\n\n```js\nmodule.exports = (pollen) =\u003e ({\n  output: \"./pollen.css\",\n  modules: {\n    ...pollen,\n    color: {\n      ...pollen.colors,\n      bg: \"white\",\n      text: \"var(--color-black)\",\n    },\n  },\n  media: {\n    \"(prefers-color-scheme: dark)\": {\n      color: {\n        bg: \"var(--color-black)\",\n        text: \"white\",\n      },\n    },\n  },\n});\n```\n\n#### 2. Build your CSS\n\n```sh\n$ pollen\n```\n\n#### 3. Use the CSS\n\n`index.html`\n\n```html\n\u003clink href=\"/pollen.css\" rel=\"stylehseet\" /\u003e\n```\n\n## What it includes\n\nPollen's default variables include expertly crafted modules for:\n\n- Font sizes\n- Fluid font sizes\n- Font sets\n- Font weights\n- Line heights\n- Letter spacings\n- Prose widths\n- Size scale\n- Container widths\n- Aspect ratios\n- Color pallete\n- Border radiuses\n- Blurs\n- Z-index layers\n- Box shadows\n- Easing functions\n- Page grid\n- Content grids\n\n## Documentation\n\nRead the full documentation at **[pollen.style](https://www.pollen.style)**\n","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FhyperfocalHQ%2Fpollen","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FhyperfocalHQ%2Fpollen","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FhyperfocalHQ%2Fpollen/lists"}