Gathering detailed insights and metrics for react-country-state-city
Gathering detailed insights and metrics for react-country-state-city
Installations
npm install react-country-state-cityDeveloper Guide
BETA
Typescript
Yes
Module System
CommonJS, UMD
Node Version
20.15.1
NPM Version
10.7.0
Score
87.8
Supply Chain
83.1
Quality
82.1
Maintenance
100
Vulnerability
100
License
Languages
5
TypeScript
SCSS
JavaScript
HTML
CSS
TypeScript (89.52%)
SCSS (4.75%)
JavaScript (3.99%)
HTML (1.19%)
CSS (0.54%)
Developer
venkatmcajj
Download Statistics
Total Downloads
332,582
Last Day
349
Last Week
8,255
Last Month
33,773
Last Year
278,936
GitHub Statistics
MIT License
36 Stars
50 Commits
20 Forks
2 Watchers
1 Branches
5 Contributors
Updated on Jun 06, 2025
Bundle Size
15.75 kB
Minified
3.32 kB
Minified + Gzipped
Maintainers
1
Package Meta Information
Latest Version
1.1.12
Package Id
react-country-state-city@1.1.12
Unpacked Size
1.61 MB
Size
755.13 kB
File Count
47
NPM Version
10.7.0
Node Version
20.15.1
Published on
Mar 11, 2025
Total Downloads
Cumulative downloads
Total Downloads
332,582
Last Day
8.7%
349
Compared to previous day
Last Week
7.8%
8,255
Compared to previous week
Last Month
0.5%
33,773
Compared to previous month
Last Year
423.5%
278,936
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Peer Dependencies
1
Dev Dependencies
37
@rollup/plugin-commonjs@rollup/plugin-image@rollup/plugin-json@rollup/plugin-node-resolve@rollup/plugin-terser@rollup/plugin-url@testing-library/react@types/jest@types/react@types/react-test-renderer@typescript-eslint/eslint-plugin@typescript-eslint/parsercss-loadereslinteslint-config-prettiereslint-plugin-prettiereslint-plugin-reacteslint-plugin-react-hooksidentity-obj-proxyjestjest-canvas-mockjest-environment-jsdomjest-fetch-mocknode-sassprettierreactreact-domreact-test-rendererrolluprollup-plugin-copyrollup-plugin-peer-deps-externalrollup-plugin-postcssrollup-plugin-sassrollup-plugin-typescript2style-loaderts-jesttypescript
React-country-state-city
A lightweight and easy-to-use React library that provides a comprehensive list of regions or continents, countries, states, cities, languages, and country phone codes for creating dynamic and searchable dropdowns. Ideal for building forms and input fields that require accurate and up-to-date geographical selections, with seamless integration for improved user experience.
Installation
$ npm install --save react-country-state-city
$ yarn add react-country-state-city
$ import {
CitySelect,
CountrySelect,
StateSelect,
LanguageSelect,
RegionSelect,
PhonecodeSelect
} from "react-country-state-city";
$ import "react-country-state-city/dist/react-country-state-city.css";
Features
- Easy to set up for real, you can make it work in less than 1minute!
- Super easy to customize
- Can also use it in your own custom UI.
- Autosuggest: a list of matching countries is displayed when the input text changes.
- Country data is provided, State data is provided based on given country id, City data is provided based on given country id and state id.
- Country flag icons.
- onChange and onTextChange callbacks.
- And much more !
- Language dropdown to list and search all languages in English and native too.
- Regions or Continents dropdown to list and search all the regions from the world.
- Phonecode dropdown to list and search all the codes based on country name or phone codes.
Data
By default, the control will load the github hosted data files. Alternatively, you can download the data json file and host it yourself. Simply download the JSON files, and supply the src property to each control to tell it where to download from.
Documentation
Financial Contributors
Buy me a cup of coffee,
Binance Smart Chain or Ethereum - 0x7C6Bfb7f240f6028Fd2a0039924826eD8B879635
No vulnerabilities found.
No security vulnerabilities found.