[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-3705":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":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":25,"hasPages":25,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":38,"readmeContent":39,"aiSummary":40,"trendingCount":16,"starSnapshotCount":16,"syncStatus":17,"lastSyncTime":41,"discoverSource":42},3705,"blueprint","palantir\u002Fblueprint","palantir","A React-based UI toolkit for the web","https:\u002F\u002Fblueprintjs.com\u002F",null,"TypeScript",21812,2305,526,761,0,2,15,81,9,89.6,"Apache License 2.0",false,"develop",true,[5,27,28,29,30,31,32,33,34,35,36,37],"components","design","lerna","octo-correct-managed","react","sass","system","table","toolkit","typescript","ui","2026-06-12 04:00:19","\u003Cp align=\"right\">\n\u003Ca href=\"https:\u002F\u002Fautorelease.general.dmz.palantir.tech\u002Fpalantir\u002Fblueprint\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FPerform%20an-Autorelease-success.svg\" alt=\"Autorelease\">\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cimg height=\"204\" src=\"https:\u002F\u002Fcloud.githubusercontent.com\u002Fassets\u002F464822\u002F20228152\u002Fd3f36dc2-a804-11e6-80ff-51ada2d13ea7.png\">\n\n# [Blueprint](http:\u002F\u002Fblueprintjs.com\u002F) [![CircleCI](https:\u002F\u002Fcircleci.com\u002Fgh\u002Fpalantir\u002Fblueprint\u002Ftree\u002Fdevelop.svg?style=svg)](https:\u002F\u002Fcircleci.com\u002Fgh\u002Fpalantir\u002Fworkflows\u002Fblueprint)\n\nBlueprint is a React-based UI toolkit for the web.\n\nIt is optimized for building complex, data-dense web interfaces for _desktop applications_ which run in modern browsers.\nThis is not a mobile-first UI toolkit.\n\n[**Read the introductory blog post ▸**](https:\u002F\u002Fmedium.com\u002F@palantir\u002Fscaling-product-design-with-blueprint-25492827bb4a)\n\n[**View the full documentation ▸**](http:\u002F\u002Fblueprintjs.com\u002Fdocs)\n\n[**Try it out on CodeSandbox ▸**](https:\u002F\u002Fcodesandbox.io\u002Fp\u002Fsandbox\u002Fblueprint-v6-react-18-template-lc69nt)\n\n[**Read frequently asked questions (FAQ) on the wiki ▸**](https:\u002F\u002Fgithub.com\u002Fpalantir\u002Fblueprint\u002Fwiki\u002FFrequently-Asked-Questions)\n\n## Changelog\n\nBlueprint's change log and migration guides for major versions live on the repo's\n[Github wiki](https:\u002F\u002Fgithub.com\u002Fpalantir\u002Fblueprint\u002Fwiki\u002F6.x-Changelog).\n\n## Packages\n\nThis repository contains multiple projects in the `packages\u002F` directory that fall into 3 categories:\n\n### Libraries\n\nThese are the component libraries we publish to NPM.\n\n- [![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@blueprintjs\u002Fcolors.svg?label=@blueprintjs\u002Fcolors)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@blueprintjs\u002Fcolors) – Design system color variables.\n- [![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@blueprintjs\u002Fcore.svg?label=@blueprintjs\u002Fcore)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@blueprintjs\u002Fcore) – Core styles & components.\n- [![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@blueprintjs\u002Fdatetime.svg?label=@blueprintjs\u002Fdatetime)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@blueprintjs\u002Fdatetime) – Components for interacting with dates and times.\n- [![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@blueprintjs\u002Ficons.svg?label=@blueprintjs\u002Ficons)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@blueprintjs\u002Ficons) – APIs for displaying icons (contains both SVG and icon font implementations).\n- [![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@blueprintjs\u002Fselect.svg?label=@blueprintjs\u002Fselect)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@blueprintjs\u002Fselect) – Components for selecting items from a list.\n- [![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@blueprintjs\u002Ftable.svg?label=@blueprintjs\u002Ftable)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@blueprintjs\u002Ftable) – Scalable & interactive spreadsheet-like table component.\n\n### Applications\n\nThese are hosted on GitHub Pages as static web applications:\n\n- `docs-app` – Documentation site at blueprintjs.com\u002Fdocs\n- `landing-app` – Landing page at blueprintjs.com\n\nThese are used as development playground environments:\n\n- `demo-app` – demo page that shows many components all on the same page in light and dark themes\n- `table-dev-app` – demo page that supports manual testing of all table features\n\n### Build tooling\n\nThese packages define development dependencies and contain build configuration. They adhere to the standard NPM package layout, which allows us to keep clear API boundaries for build configuration and isolate groups of `devDependencies`. They are published to NPM in order to allow other Blueprint-related projects to use this infrastructure outside this monorepo.\n\n- [![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@blueprintjs\u002Fdocs-theme.svg?label=@blueprintjs\u002Fdocs-theme)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@blueprintjs\u002Fdocs-theme) – Documentation theme for [Documentalist](https:\u002F\u002Fgithub.com\u002Fpalantir\u002Fdocumentalist) data.\n- [![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@blueprintjs\u002Feslint-config.svg?label=@blueprintjs\u002Feslint-config)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@blueprintjs\u002Feslint-config) – ESLint configuration used in this repo and recommended for Blueprint-related projects.\n- [![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@blueprintjs\u002Feslint-plugin.svg?label=@blueprintjs\u002Feslint-plugin)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@blueprintjs\u002Feslint-plugin) – implementations for custom ESLint rules which enforce best practices for Blueprint usage.\n- [![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@blueprintjs\u002Fnode-build-scripts.svg?label=@blueprintjs\u002Fnode-build-scripts)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@blueprintjs\u002Fnode-build-scripts) – various utility scripts for building Sass sources, linting Sass & TypeScript, generating Sass & Less variables, and optimizing icon SVGs.\n- [![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@blueprintjs\u002Fstylelint-plugin.svg?label=@blueprintjs\u002Fstylelint-plugin)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@blueprintjs\u002Fstylelint-plugin) – implementations for custom stylelint rules which enforce best practices for Blueprint usage.\n- [![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@blueprintjs\u002Ftest-commons.svg?label=@blueprintjs\u002Ftest-commons)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@blueprintjs\u002Ftest-commons) – various utility functions used in Blueprint test suites.\n- [![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@blueprintjs\u002Fwebpack-build-scripts.svg?label=@blueprintjs\u002Fwebpack-build-scripts)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@blueprintjs\u002Fwebpack-build-scripts) – Webpack build configuration for Blueprint projects.\n\n## Contributing\n\nLooking for places to contribute to the codebase?\nFirst read the [contribution guidelines](https:\u002F\u002Fgithub.com\u002Fpalantir\u002Fblueprint\u002Fblob\u002Fdevelop\u002FCONTRIBUTING.md),\nthen [check out the \"help wanted\" label](https:\u002F\u002Fgithub.com\u002Fpalantir\u002Fblueprint\u002Flabels\u002Fhelp%20wanted).\n\n## Development\n\n[pnpm](https:\u002F\u002Fpnpm.io) manages third-party and inter-package dependencies in this monorepo.\nBuilds are orchestrated via [Nx's task runner](https:\u002F\u002Fnx.dev\u002Fgetting-started\u002Fintro) and NPM scripts.\n[Lerna-Lite](https:\u002F\u002Fgithub.com\u002Flerna-lite\u002Flerna-lite) is used to prepare releases.\n\n**Prerequisites**: Node.js v24.11+ (see version specified in `.nvmrc`), pnpm v10.x (see version specified in `package.json`)\n\n### One-time setup\n\nFirst, ensure you have `nvm` ([Node Version Manager](https:\u002F\u002Fgithub.com\u002Fnvm-sh\u002Fnvm)) installed.\n\nAfter cloning this repo, run:\n\n1. `nvm use` to use the supported Node version for Blueprint development.\n2. `corepack enable` to activate [pnpm](https:\u002F\u002Fpnpm.io\u002Finstallation) as the Node package manager.\n3. `pnpm install` to install all dependencies for the monorepo.\n    1. If seeing an error like \"Error when performing the request ...\", you may be using a VPN that needs to be disabled to install the dependencies.\n4. If running on Windows:\n    1. `npm install -g windows-build-tools` to install build tools globally\n    2. Ensure `bash` is your configured script-shell by running:\u003Cbr \u002F>\n       `npm config set script-shell \"C:\\\\Program Files\\\\git\\\\bin\\\\bash.exe\"`\u003Cbr \u002F>\n       (reset this by running `npm config delete script-shell`)\n5. `pnpm verify` to ensure you have all the build tooling working properly.\n    1. There may currently be some errors when running this step, even though everything is set up properly, see https:\u002F\u002Fgithub.com\u002Fpalantir\u002Fblueprint\u002Fissues\u002F6926 for more info.\n6. (Optional) Run `pnpm dev:demo` to start the demo app and verify your setup is working.\n\n### Incorporating upstream changes\n\nIf you were previously in a working state and have just pulled new code from `develop`:\n\n- If there were package dependency changes, run `pnpm install` at the root.\n    - This command is very quick if there are no new things to install.\n- Run `pnpm compile` to get the latest built versions of the library packages in this repo.\n    - This command is quicker than `pnpm verify` since it doesn't build the application packages (`docs-app`,`landing-app`, etc.) or run tests\n\n### Developing libraries\n\nThere are a few ways to run development scripts, here they are listed from simplest to more advanced usage:\n\n- Run `pnpm dev` from the root directory to watch changes across all packages and run the docs application with webpack-dev-server.\n- Alternately, most libraries have a dev script to run the docs app _and_ watch changes to only that package:\n    - `pnpm dev:core`\n    - `pnpm dev:docs`\n    - `pnpm dev:datetime`\n    - `pnpm dev:demo`\n    - `pnpm dev:select`\n    - `pnpm dev:table`\n- Lastly, if you want to control exactly which dev scripts are run and view the console output in the cleanest way, we recommend opening separate terminal windows or splits and running local package dev tasks in each one. This is the recommended workflow for frequent contributors and advanced developers. For example, to test changes in the core and icons packages, you would run the following in separate terminals:\n    - `cd packages\u002Fcore && pnpm dev`\n    - `cd packages\u002Ficons && pnpm dev`\n    - `cd packages\u002Fdocs-app && pnpm dev`\n\n### Updating documentation\n\nMuch of Blueprint's documentation lives inside source code as JSDoc comments in `.tsx` files and KSS markup in `.scss` files. This documentation is extracted and converted into static JSON data using [documentalist](https:\u002F\u002Fgithub.com\u002Fpalantir\u002Fdocumentalist). If you are updating documentation sources (_not_ the docs UI code which lives in `packages\u002Fdocs-app` or the docs theme in `packages\u002Fdocs-theme`), you'll need to run `pnpm compile` from `packages\u002Fdocs-data` to see changes reflected in the application. For simplicity, an alias script `pnpm docs-data` exists in the root to minimize directory hopping.\n\n### Updating icons\n\nThe [One-time setup](#one-time-setup) and [Incorporating upstream changes](#incorporating-upstream-changes) steps should produce the generated source code in this repo used to build the icons documentation. This is sufficient for most development workflows.\n\nIf you are updating icons or adding new ones, you'll need to run `pnpm compile` in `packages\u002Ficons` to see those changes reflected before running any of the dev scripts.\n\n## Thanks\n\n\u003Ca href=\"https:\u002F\u002Fwww.chromatic.com\u002F\">\u003Cimg src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F321738\u002F84662277-e3db4f80-af1b-11ea-88f5-91d67a5e59f6.png\" width=\"153\" height=\"30\" alt=\"Chromatic\" \u002F>\u003C\u002Fa>\n\nThanks to [Chromatic](https:\u002F\u002Fwww.chromatic.com\u002F) for providing the visual testing platform that helps us review UI changes and catch visual regressions.\n\n## License\n\nThis project is made available under the Apache 2.0 License.\n","Blueprint 是一个基于 React 的 Web UI 工具包。它提供了丰富的核心组件库，包括颜色、日期时间选择器、图标、表格等，并且支持 TypeScript 和 Sass。该工具包特别适合用于构建复杂的数据密集型桌面应用程序，这些应用需要在现代浏览器中运行。Blueprint 并不是一个移动优先的 UI 工具包，而是专注于为桌面端提供高质量的用户体验。","2026-06-11 02:55:42","top_language"]