[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-3829":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":17,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":21,"hasPages":21,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":29,"readmeContent":30,"aiSummary":31,"trendingCount":16,"starSnapshotCount":16,"syncStatus":17,"lastSyncTime":32,"discoverSource":33},3829,"tremor-npm","tremorlabs\u002Ftremor-npm","tremorlabs","React components to build charts and dashboards","https:\u002F\u002Fnpm.tremor.so",null,"TypeScript",16469,475,49,50,0,2,8,43.03,"Apache License 2.0",false,"main",[24,25,26,27,28],"react-components","reactjs","tailwindcss","typescript","ui-system","2026-06-12 02:00:54","\u003Cbr \u002F>\n\u003Cbr \u002F>\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fnpm.tremor.so\">\n    \u003Cpicture>\n       \u003Csource media=\"(prefers-color-scheme: dark)\" srcset=\"images\u002Ftremor-logo-dark.svg\">\n      \u003Csource media=\"(prefers-color-scheme: light)\" srcset=\"images\u002Ftremor-logo-light.svg\">\n    \u003Cimg alt=\"Tremor Logo\" src=\"images\u002Ftremor-logo-light.svg\" height=\"50\"\u002F>\n    \u003C\u002Fpicture>\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\u003Cdiv align=\"center\">\n\u003Cbr \u002F>\n\u003Cbr \u002F>\n\n\u003Cdiv align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fnpmjs.com\u002Fpackage\u002F@tremor\u002Freact\">\n    \u003Cimg alt=\"npm\" src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002F@tremor\u002Freact?color=3b82f6&label=npm&logo=npm&labelColor=334155\">\n  \u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fnpm.tremor.so\u002Fdocs\u002Fgetting-started\u002Finstallation\">\n    \u003Cimg alt=\"Read the documentation\" src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FDocs-blue?style=flat&logo=readthedocs&color=3b82f6&labelColor=334155&logoColor=f5f5f5\" height=\"20\" width=\"auto\">\n  \u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Ftremorlabs\u002Ftremor-npm\u002Fblob\u002Fmain\u002FLicense\">\n    \u003Cimg alt=\"License Apache 2.0\" src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Flicense-Apache 2.0-blue.svg?style=flat&color=3b82f6&labelColor=334155 \" height=\"20\" width=\"auto\">\n  \u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fjoin.slack.com\u002Ft\u002Ftremor-community\u002Fshared_invite\u002Fzt-21ug6czv6-RckDPEAR6GdYOqfMGKOWpQ\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FJoin-important.svg?color=4A154B&label=Slack&logo=slack&labelColor=334155&logoColor=f5f5f5\" alt=\"Join Slack\" \u002F>\n  \u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Ftwitter.com\u002Fintent\u002Ffollow?screen_name=tremorlabs\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FFollow-important.svg?color=000000&label=@tremorlabs&logo=X&labelColor=334155&logoColor=f5f5f5\" alt=\"Follow at Tremorlabs\" \u002F>\n  \u003C\u002Fa>\n\u003C\u002Fdiv>\n\u003Ch3 align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fnpm.tremor.so\u002Fdocs\u002Fgetting-started\u002Finstallation\">Documentation\u003C\u002Fa> •\n  \u003Ca href=\"https:\u002F\u002Fnpm.tremor.so\">Website\u003C\u002Fa>\n\u003C\u002Fh3>\n\u003Cbr \u002F>\n  \u003Ch1>React components to build charts and dashboards\u003C\u002Fh1>\n\u003C\u002Fdiv>\n\n[Tremor NPM](https:\u002F\u002Fnpm.tremor.so\u002F) 20+ open-source components built on top of Tailwind CSS to make visualizing data simple again. Fully open-source, made by data scientists and software engineers with a sweet spot for design.\n\n\u003Cbr \u002F>\n\n![Tremor Banner](images\u002Fbanner-github-readme.png)\n\n\u003Cbr \u002F>\n\n## Getting Started\n\nSee our [Installation Guide](https:\u002F\u002Fnpm.tremor.so\u002Fdocs\u002Fgetting-started\u002Finstallation). To make use of the library we also need Tailwind CSS setup in the project.\n\n## Example\n\nWith Tremor creating an analytical interface is easy.\n\n```jsx\n\"use client\";\nimport { AreaChart, Card } from \"@tremor\u002Freact\";\n\nconst chartdata = [\n  {\n    date: \"Jan 23\",\n    \"Route Requests\": 289,\n    \"Station Requests\": 233,\n  },\n  \u002F\u002F ...\n  {\n    date: \"Oct 23\",\n    \"Route Requests\": 283,\n    \"Station Requests\": 247,\n  },\n];\n\nexport default function Example() {\n  return (\n    \u003CCard className=\"max-w-4xl\">\n      \u003Cspan className=\"text-tremor-default text-tremor-content dark:text-dark-tremor-content\">\n        Total Requests\n      \u003C\u002Fspan>\n      \u003Cp className=\"text-tremor-metric font-semibold text-tremor-content-strong dark:text-dark-tremor-content-strong\">\n        6,568\n      \u003C\u002Fp>\n      \u003CAreaChart\n        className=\"mt-2 h-80\"\n        data={chartdata}\n        index=\"date\"\n        categories={[\"Route Requests\", \"Station Requests\"]}\n        colors={[\"indigo\", \"rose\"]}\n        yAxisWidth={33}\n      \u002F>\n    \u003C\u002FCard>\n  );\n}\n```\n\n\u003Cbr \u002F>\n\n\u003Cpicture>\n  \u003Csource media=\"(prefers-color-scheme: dark)\" srcset=\"images\u002Fexample-dark.png\">\n  \u003Csource media=\"(prefers-color-scheme: light)\" srcset=\"images\u002Fexample-light.png\">\n  \u003Cimg alt=\"Tremor Example\" src=\"images\u002Fexample-light.png\"\u002F>\n\u003C\u002Fpicture>\n\n## Community and Contribution\n\nWe are always looking for new ideas or other ways to improve Tremor NPM. If you have developed anything cool or found a bug, send us a pull request. Check out our Contributor License Agreement [here](https:\u002F\u002Ftremor.so\u002Fcontributors).\n\n## License\n\n[Apache License 2.0](https:\u002F\u002Fgithub.com\u002Ftremorlabs\u002Ftremor-npm\u002Fblob\u002Fmain\u002FLicense)\n\nCopyright © 2025 Tremor Labs, Inc. All rights reserved.\n","Tremor NPM 是一个用于构建图表和仪表板的React组件库。它提供了超过20个基于Tailwind CSS的开源组件，旨在简化数据可视化过程。该库使用TypeScript编写，支持高度自定义样式，并且具有良好的可访问性和响应式设计特点。非常适合需要快速搭建美观且功能强大的数据分析界面的应用场景，如商业智能平台、监控系统或任何需要展示复杂数据的Web应用。","2026-06-11 02:56:32","top_language"]