Package

@chakra-ui/color-mode

React component and hooks for handling light and dark mode.

v2.2.0, 18 Jul 2023MITESM + CommonJSTypes: BundledReact UI component libraries

$ npm install @chakra-ui/color-mode

npm GitHub Homepage

Key numbers

As of 25 Sept 2026

Weekly downloads: 411.5k; - over 12 months
Gzip bundle size: -; No Bundlephobia data
Dependencies: 1; Direct, from package.json
Last release: 3 years ago; v2.2.0
GitHub stars: 40.7k; 3.6k forks
Open issues / PRs: 2 / 13
Contributors: -
Commits, last 52 weeks: 446

Downloads

No weekly download data in the snapshot.

411,454 downloads last week, 2,029,132 in the last month. No 52-week series has been fetched yet.

Maintenance

Releases, last 12 months: 055 in total
Latest version: 2.2.0, 18 Jul 20233 years ago
First published: 20 Jun 2020
Last push to GitHub: 24 Sept 2026same day as the snapshot
Repository archived: No
Open issues: 2
Open pull requests: 13
Commits, last 52 weeks: 446
Dependents on npm: 14

Major versions

v2 first release 2.0.0, 12 May 2022
v1 first release 1.0.0, 13 Nov 2020

Recent releases

Version	Published
2.2.0	18 Jul 2023
2.1.12	12 Jan 2023
2.1.11	26 Dec 2022
2.1.10	14 Nov 2022
2.1.9	3 Oct 2022
2.1.8	19 Sept 2022
2.1.7	24 Aug 2022
2.1.6	14 Aug 2022
2.1.5	13 Aug 2022
2.1.4	5 Aug 2022
2.1.3	25 Jul 2022
2.1.2	13 Jul 2022
2.1.1	10 Jul 2022
2.1.0	21 Jun 2022

Compatibility

Module format: ESM + CommonJSFrom package.json type, main and exports fields
TypeScript types: Bundled
Node.js engine range: Not declared
Runtimes: -
Unpacked size (npm): 111 kB
Dependencies (1): @chakra-ui/react-use-safe-layout-effect
Peer dependencies (1): react

Install

npm install @chakra-ui/color-mode

CDN

jsDelivrhttps://cdn.jsdelivr.net/npm/@chakra-ui/color-mode@2.2.0/
unpkghttps://unpkg.com/@chakra-ui/color-mode@2.2.0/
esm.shhttps://esm.sh/@chakra-ui/color-mode@2.2.0

Alternatives

Package	Weekly downloads	Gzip	Last release	Module	Comparison
@syncfusion/ej2-react-pdfviewer Essential JS 2 PDF viewer Component for React	14.7k	-	3 days ago	ESM + CommonJS	-
@syncfusion/ej2-react-spreadsheet Feature-rich JavaScript Spreadsheet (Excel) control with built-in support for selection, editing, formatting, importing and exporting to Excel for React	13.8k	-	3 days ago	ESM + CommonJS	-
@syncfusion/ej2-react-grids Feature-rich JavaScript datagrid (datatable) control with built-in support for editing, filtering, grouping, paging, sorting, and exporting to Excel. for React	20.9k	-	3 days ago	ESM + CommonJS	-
@syncfusion/ej2-react-schedule Flexible scheduling library with more built-in features and enhanced customization options similar to outlook and google calendar, allowing the users to plan and manage their appointments with efficient data-binding support. for React	20.6k	-	10 days ago	ESM + CommonJS	-
@syncfusion/ej2-react-buttons A package of feature-rich Essential JS 2 components such as Button, CheckBox, RadioButton and Switch. for React	15.3k	-	10 days ago	ESM + CommonJS	-
@syncfusion/ej2-react-filemanager Essential JS 2 FileManager Component for React	10.9k	-	3 days ago	ESM + CommonJS	-
@syncfusion/ej2-react-splitbuttons A package of feature-rich Essential JS 2 components such as DropDownButton, SplitButton, ProgressButton and ButtonGroup. for React	7.2k	-	10 days ago	ESM + CommonJS	-
@syncfusion/ej2-react-charts Feature-rich chart control with built-in support for over 25 chart types, technical indictors, trendline, zooming, tooltip, selection, crosshair and trackball. for React	13.6k	-	10 days ago	ESM + CommonJS	-

Sources: npm registry, GitHub API. Data fetched 25 Sept 2026.

Indexability: Indexed.