{"id":35819339,"url":"https://github.com/embeddable-hq/remarkable-ui","last_synced_at":"2026-02-04T11:23:42.625Z","repository":{"id":284304035,"uuid":"950647149","full_name":"embeddable-hq/remarkable-ui","owner":"embeddable-hq","description":"Remarkable UI is an open-source library of beautiful analytics components – charts, dropdowns, tables, and more.","archived":false,"fork":false,"pushed_at":"2026-01-21T17:14:12.000Z","size":7067,"stargazers_count":6,"open_issues_count":0,"forks_count":3,"subscribers_count":3,"default_branch":"main","last_synced_at":"2026-01-22T05:45:57.309Z","etag":null,"topics":["charting-library","chartjs","component-library","embeddable","reactjs","remarkable-ui"],"latest_commit_sha":null,"homepage":"https://embeddable.com/","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/embeddable-hq.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-03-18T13:34:10.000Z","updated_at":"2026-01-21T17:14:39.000Z","dependencies_parsed_at":"2025-04-08T15:34:55.569Z","dependency_job_id":"90d0d94a-0e45-4553-bd2b-61ede13a981d","html_url":"https://github.com/embeddable-hq/remarkable-ui","commit_stats":null,"previous_names":["embeddable-hq/remarkable-ui"],"tags_count":96,"template":false,"template_full_name":null,"purl":"pkg:github/embeddable-hq/remarkable-ui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/embeddable-hq%2Fremarkable-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/embeddable-hq%2Fremarkable-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/embeddable-hq%2Fremarkable-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/embeddable-hq%2Fremarkable-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/embeddable-hq","download_url":"https://codeload.github.com/embeddable-hq/remarkable-ui/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/embeddable-hq%2Fremarkable-ui/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28880934,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-29T10:31:27.438Z","status":"ssl_error","status_checked_at":"2026-01-29T10:31:01.017Z","response_time":59,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["charting-library","chartjs","component-library","embeddable","reactjs","remarkable-ui"],"created_at":"2026-01-07T17:23:51.032Z","updated_at":"2026-01-29T16:07:24.467Z","avatar_url":"https://github.com/embeddable-hq.png","language":"TypeScript","readme":"# Remarkable UI\n\n[**Remarkable UI**](https://www.npmjs.com/package/@embeddable.com/remarkable-ui) is a library of beautiful analytics components—charts, controls, tables, and more—designed to be styled through **granular CSS variables**.\n\n## 🎨 Styling System\n\nEvery aspect of a Remarkable UI component can be customized using granular CSS variables.\n\n### CSS Variables Architecture\n\nThere are **three layers** of variables in our system:\n\n1. **Core variables**\n   - Raw CSS primitives (colors, spacing, type scale)\n\n   - _Do not override_ — they serve as the foundation.\n\n2. **Semantic variables**\n   - Meaningful tokens built from core variables (e.g. `--em-sem-background`, `--em-sem-chart-color--1`, `--em-sem-text`)\n\n   - Control the _global_ look and feel: palettes, brand colors, default typography.\n\n3. **Component variables**\n   - Component-specific tokens (e.g. `--em-card-border-radius`, `--em-card-subtitle-color`)\n\n   - Fine-tune individual components without affecting global semantics.\n\n## 📦 Installation \u0026 Usage\n\n### Installation\n\n```bash\n\nnpm install @embeddable.com/remarkable-ui\n```\n\n### CSS Setup\n\nThe library includes fallback values for all CSS variables, so you don't need to override anything unless you want to customize the theme.\n\nTo override styles, define the variables you want in your own CSS file:\n\n```css\n:root {\n\t...\n\t--em-card-background: \"grey\",\n\t...\n}\n```\n\nThen import your CSS file at the root of your project:\n\n```javascript\nimport 'your-file-here.css';\n```\n\n### Importing components\n\n```ts\nimport { Button, Card } from '@embeddable.com/remarkable-ui';\n```\n\n## 📁 Project Structure\n\n```\nscripts/         # Automation scripts\nsrc/\n  components/    # Chart, editor and shared components\n  hooks/         # Reusable hooks used by the components\n  styles/        # Global css and types for the exising css variables\n  types/         # Shared TypeScript types\n  utils.ts/      # Utility functions\n```\n\n## 🛠 Contributing\n\nWe welcome feedback and contributions!\n\n1.  Fork the repository\n2.  Create a feature branch\n3.  Commit your changes\n4.  Open a pull request\n\nPlease follow our code style and include tests for any new features.\n\n## 📄 License\n\nMIT — see the `LICENSE` file for details.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fembeddable-hq%2Fremarkable-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fembeddable-hq%2Fremarkable-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fembeddable-hq%2Fremarkable-ui/lists"}