92 Components & Libraries
React json Libraries
JWT generator - An open-source JSON Web Token (JWT) generator created by enabler
JWT generator An open-source JSON Web Token (JWT) generator created by enabler View Demo · Report Bug JWT generator allows you to generate JWT in an e
TypeScript-JSON: 2x faster JSON stringify function with only one line
TypeScript-JSON 2x faster JSON.stringify() function with only one line. import TSON from "typescript-json";
A React library for rendering out forms based on the Form.io platform
React Formio A React library for rendering out forms based on the Form.io platform. Example Application To see an example application of how to implem
Rent-A-Car - Serverless ReactJS SPA
Rent-A-Car gives you opportunity easily renting and renting out cars, managing users, earning money.
A simple tool to view Facebook Messenger exported JSON files
Facebook Messenger exported JSON viewer What's this? This is a simple tool to view Facebook Messenger exported JSON files. I made the UI into a Messen
Booking.com is a Dutch online travel agency for lodging reservations & other travel products, and a subsidiary of Booking Holdings
Booking.com is a Dutch online travel agency for lodging reservations & other travel products, and a subsidiary of Booking Holdings
A cross-platform desktop application of tools for developers
A cross-platform desktop application of tools for developers 🌏 Online Web This website provides online version of the same tools echoo 💻 Offline Cli
Pinterest website clone with React and Redux only for learning purposes
Pinterest website clone with React and Redux only for learning purposes. Pinterest is an image sharing and social media service designed to enable saving and discovery of information on the internet using images, and on a smaller scale, animated GIFs and videos, in the form of pinboards.
A simple and device responsive book buying store website with Tailwind and React.
Book Lovers Store with React This project was bootstrapped with Create React App. Live Site Link Click here to see the live site: https://book-lovers-
React - NextJs + Tailwindcss+ PWA: JSON Visualizer to turn raw and chunky JSON into Visual good-looking data groups
React - NextJs + Tailwindcss+ PWA: JSON Visualizer to turn raw and chunky JSON into Visual good-looking data groups
ToDo List application developed in React.JS from the {JSON} Placeholder API
ToDo List application developed in React.JS from the {JSON} Placeholder API
💻 A Disney+ interface with React, TypeScript and consumption of a fake API with json-server
💻 A Disney+ interface with React, TypeScript and consumption of a fake API with json-server
A better JSON differ & viewer, support LCS diff for arrays and recognise some changes as modification apart from simple remove+add.
A better JSON differ & viewer, support LCS diff for arrays and recognise some changes as modification apart from simple remove+add.
Dispatch a Redux action and get back a pretty JSON response
redux-cheerio Redux middleware for Cheerio Dispatch a Redux action and get back a pretty JSON response. Cheerio works under the hood for parsing the H
A nice, short and declarative way to interact with JSON APIs
Maintainers Wanted We are looking for maintainers for Redux Bees. If you are interested write us on this issue Maintainers Wanted. A nice, declarative
This project was developed as a technical test for a Frontend JR Landing Page with dynamic data via .json
Healthy Foods 🍉 📚 Informações sobre o projeto Esse projeto foi desenvolvido como teste técnico para uma vaga Frontend JR Landing Page com dados dinâ
Build lightning fast web forms from JSON.
Build lightning fast web forms from JSON. ❤️ Conditional logic ❤️ Flexible validation ❤️ Infinite depth ❤️ Rehydratable While other libraries might ut
A json-schema editor of high efficient and easy-to-use, base on React.
json-schema-editor-visual A json-schema editor of high efficient and easy-to-use, base on React. Usage npm install json-schema-editor-visual const op
Document your Typescript React components with TSDoc and export into Storybook-friendly JSON 🤖
react-tsdoc react-tsdoc is an WIP tool to extract information from React Typescript component files with TSDoc for documentation generation purposes t
A generic JSON editor, specifically designed for attaching to React state values.
react-json-editor A generic JSON editor, specifically designed for attaching to React state values. Warnings no documentation, you'll have to read the
Storybook extractor: a tool that extracts data from storybook stories, documentation pages and generates a JSON file with them
Storybook extractor 🔥 This project was done as a part of 24h design systems hac
React component for rendering graphs
React Component for rendering graphs in JSON Graph Format Demo Inspired by: https://github.com/jsongraph/json-graph-specification https://twitter.com/
JSON viewer for react
react-json-view RJV is a React component for displaying and editing javascript arrays and JSON objects. This component provides a responsive interface
Json-schema-editor - React based editor for JSON Schemas
JSON Schema Editor This project is no longer being actively maintained. I have ported it over to Vue.js in vue-json-schema-editor and that is an impro
Upschool-react-assignment - Dummy Amazon clone with Bootstrap and React
Dummy Amazon Clone with React - NozamA 😂 In this assignment, I tried to build a
React-contact-management-app - A Contact Management App Using React and JSON
About In this appliication user can add a contact, delete, update amd serach a c
🌟!(Just another form application renderer)
JAFAR Jafar - not Just another form application renderer, a set of tools which implement form capabilities using a simple JSON form object, containing
Json Place Holder Album Built With React.Js
JSONPlaceHolder albuns 🚀 Technologies ReactJS Typescript External API (jsonplac
Part guillotine, part graveyard for Google's doomed apps, services, and hardware.
Killed by Google A tribute and log of beloved products and services killed by Google. Contribute To add a product, gather the following information: N
Customizable JSON Schema-based forms with React, Angular and Vue support out of the box.
JSON Forms - More Forms. Less Code Complex forms in the blink of an eye Documentation Please see the official JSON Forms website, jsonforms.io, for do
🏗️MSON Lang: Generate an app from JSON
MSON The MSON compiler allows you to generate apps from JSON. The ultimate goal of MSON is to allow anyone to develop software visually, but you can a
This Login Form made using React hooks , React Js , Css, Json. This form have 3 inputs, it also validate those inputs & it also having length limitations.
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
React and Material-UI Rendering Layer for MSON
MSON-React UI Rendering Layer for React and Material-UI Getting Started Getting Started App The best way to get started with MSON is to play with the
Universal Résumé template rebuilt with React, renders from JSON config
About This resume template uses Universal Résumé with a few minor design changes, componentized using React, TypeScript-ified, bundled up as a Next.js
forml - extensible react json schema form generator
Table of Contents forml Documentation Examples Installation Usage Customization Localization forml forml - react json schema form A lightweight, effic
🔥 Material UI based dynamic form component for React using JSON
Build dynamic forms using Material UI Check demo & detail docs Documentation Build dynamic forms using interactive editor Playground Installation npm
A react component for prettifying JSON in browser
React JSON Pretty Introduction This is a lightweight and tiny react component that helps you to format and prettify the JSON data. Install npm install
generic JSON-LD editor
React JSON-LD Editor The Editor is a component providing a UI for editing a JSON-LD node object. It relies on immutable-jsonld. Simplest possible use:
A CLI and toolbox to extract information from React component files for documentation generation purposes.
react-docgen react-docgen is a CLI and toolbox to help extracting information from React components, and generate documentation from it. It uses ast-t
React Editable Json Tree
React Editable Json Tree Demo Demo is available here : Demo Features Json Viewer Collapse node possibility via function Add new node value Remove node
Web based JSON Editor powered by React.
JSON Visual Editor v2 Web based JSON Editor powered by React. https://ogaoga.github.io/json-visual-editor/ To develop This project is based on Create
generate forms from JSON object
json-obj-form-generator generate forms from JSON object Install npm install --save json-obj-form-generator For more informations check documentation w
DocWiz: a documentation generator, uses postman's json outputs
Docwiz aka Documentation Wizard Docwiz ile rest apilerinizin postman output dosyalarını, readme dosyalarına çevirebilirsiniz. Table of Contents About
React JSON Viewer Component. View JSON in beautiful tabular format.
react-json-viewer React JSON Viewer Component. View JSON in beautiful tabular format. Install npm install --save react-json-viewer Usage import React,
SheetJS Community Edition -- Spreadsheet Data Toolkit
SheetJS Parser and writer for various spreadsheet formats. Pure-JS cleanroom implementation from official specifications, related documents, and test
A block-styled editor with clean JSON output
IE / Edge Firefox Chrome Safari iOS Safari Opera Edge 12+ Firefox 18+ Chrome 49+ Safari 10+ Safari 10+ Opera 36+ If you like a project 💗 💗 💗 If you
YAML plugin for the Monaco Editor
Monaco YAML YAML language plugin for the Monaco Editor. It provides the following features when editing YAML files: Code completion, based on JSON sch
A complete react form builder that interfaces with a json endpoint to load and save generated forms
A complete react form builder that interfaces with a json endpoint to load and save generated forms. The toolbox contains 16 items for gathering data. Everything from star ratings to signature boxes!
React Feedback App Uses A Mock Rest API With Json-server
React Feedback App It allows users to add, update and delete feedback. It uses a mock REST api with json-server. This project goes over all of the fun
React JSON Viewer Component, Extracted from redux-devtools
This package was merged into redux-devtools monorepo. Please refer to that repository for the latest updates, issues and pull requests. react-json-tre
Left navigation menu. Get data from JSON file and display simple form menu.
Left Navbar Menu Left navigation menu. Get data from JSON file and display simple form menu. User Interface created using React and Typescript. App st
Initial directory structure and package.json as a seed for new React based projects.
React Project Seed This serves as a seed for starting new React projects. It's less of a boilerplate and more of a suggested directory structure that
Repositório dedicado ao aplicativo RocketShoes que compõe o desafio 01 do módulo 02 da trilha ReactJS ministrado pela RocketSeat em seu curso IGNITE PRO
CAPÍTULO 02 - DESAFIO 01 Este repositório é composto pelo desafio 01 do capítulo 02, da especialização em ReactJS ministrado pela ROCKETSEAT em seu cu
React Translator is a Web Interface created for make the creation of locales.json more easier.
React Translator is a Web Interface created for make the creation of locales.json more easier. Theses locales files can be used in the package @oneforx/react-translator
Boilerplate repository for creating projects with NextJS. We have also included: Jest, Typescript, Prettier, React Testing Library and others. Check the package.json!
This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://
A JavaScript library for internationalization and localization that leverage the official Unicode CLDR JSON data
Globalize A JavaScript library for internationalization and localization that leverage the official Unicode CLDR JSON data.
A React SPA with react-router page navigation and add functionality through json-server endpoints
A React SPA with react-router page navigation and add functionality through json-server endpoints. A custom useFetch hook includes methods for getting and posting data. Search functionality with URLQueryParams. Context Providers allow for theme selection and Reducers for dark/light mode toggling.
Simple Page of 'Health Related Service' (City Psyciatric Hospital) - Assignment (Milestone - 10)
Assignment of Milestone 10 , Making an Website (Health Care Service) with Firebase , Private React Router, JavaScript (ES6) , Custom JSON & Tailwind Etc.
JSON Typed Definition Validator For React
JSON Typed Definition Validator see in Vercel app What is it ? Online Validator for JSON Typed Definition (powered by jtd) Built with Next.js + TypeSc
A simple react one page landing page templates for startups/companies
React JS Landing Page Template ** 🛎️ 🛎️ Good news! New & improved V2 is out ** LIVE DEMO Description This is a ReactJS based landing page template,
React application that uses json server to store all your important tasks.
I-do React application that uses json server to store all your important tasks. Run the app clone the project
Next.js SSG + TypeScript, json file read
jamstack-ex20ts Version: 0.9.1 Author : Kouji Nakashima / kuc-arc-f.com date : 2021/10/31 update : License Licence : MIT License Summary Next.js SSG +
Redux Implementation using ReactJS and JSON placeholder API
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
E-commerce project in React using json-server for REST API consumption.
PROMO 💲 HOW Projeto de e-commerce em React utilizando json-server para consumo de API REST Tecnologias utilizadas: React, JavaScript, HTML, CSS. Como
This project leverages the react-reconciler to allow users to serialize JSX trees into JSON objects.
This project leverages the react-reconciler to allow users to serialize JSX trees into JSON objects. Install yarn add react-json-reconciler npm i --sa
Formjs generates HTML5 forms using JSON Schema data
Formjs - ReactJS Forms Formjs generates HTML5 forms using JSON Schema data Utilizes Underscore for object to array mapping, will possibly be turned in
Generate complex, validated and extendable JSON-based forms in React.
Winterfell Generate complex, validated and extendable JSON-based forms in React Winterfell allows you to build up complex, multi-page forms with condi
Redux-Autoform is an UI agnostic library for dynamically generating redux-form out of metadata.
Beta version disclaimer redux-autoform is under active development. APIs will change and things may still not work as expected. If you find any issue,
Redux-state-validator - A Simple Redux Middleware To Validate Redux State Values And Object Types Using JSON Schema View Details
Redux State Validator A Simple Redux middleware to validate redux state values and object types using JSON Schema. PRE-REQUIREMENT (IMPORTANT) You nee
A React component package for generating forms based on (almost) the full power of JSON Schema
React JSON Schema Form Generator Introduction This tool is designed to drastically reduce the effort needed to create complex forms in React. It uses
Prettier is an opinionated code formatter.
Opinionated Code Formatter JavaScript · TypeScript · Flow · JSX · JSON CSS · SCSS · Less HTML · Vue · Angular GraphQL · Markdown · YAML Your favorite
WunderGraph Demo joining Apollo Federation (with Subscriptions), REST and GraphQL APIs and consuming it from a NextJS application
This Repository demonstrates how to combine 7 APIs (4 Apollo Federation SubGraphs, 1 REST, 1 standalone GraphQL, 1 Mock) into one unified GraphQL API which is then securely exposed as a JSON API to a NextJS Frontend.
React Native compatible JSON Web Token encoder / decoder
##react-native-jwt ###React Native compatible JSON Web Token encoder / decoder This package is essentially just node-jwt-simple modified to use react-
🔄 A realtime Database for JavaScript Applications
Announcement Version 10.0.0 is now released, read the ANNOUNCEMENT RxDB A realtime Database for JavaScript Applications Rx
A block explorer using REACTjs and the JSON RPC API
Info about this particular Block Explorer This block explorer allows the user to filter using either block number, transaction hash, or address. On th
Movie listing page with genre categorization made with React JS
Watche me 📝 🛠️ Challenge Essa será uma aplicação onde o seu principal objetivo é refatorar uma página para listagem de filmes de acordo com gênero.
@custom-elements-manifest/analyzer plugin to ✨ automatically ✨ create react wrappers for your custom elements
cem-plugin-reactify @custom-elements-manifest/analyzer plugin to automatically create React wrappers for your custom elements based on your custom ele
JavaScript Survey and Form Library
SurveyJS is a JavaScript Survey and Form Library. SurveyJS is a modern way to add surveys and forms to your website. It has versions for Angular, jQue
Alibaba Group Unified Form Solution -- Support React/Vue2/Vue3
English | 简体中文 Background In React, the whole tree rendering performance problem of the form is very obvious in the controlled mode. Especially for th
A React component for building Web forms from JSON Schema.
react-jsonschema-form A simple React component capable of using JSON Schema to declaratively build and customize web forms. Explore the docs » View Pl
Next SEO is a plug in that makes managing your SEO easier in Next.js projects.
Next SEO Next SEO is a plugin that makes managing your SEO easier in Next.js projects. Pull requests are very welcome. Also make sure to check out the
Native iOS UITableView for React Native with JSON support and more
React Native TableView Native iOS UITableView for React Native with JSON support Contents Features Installation Styles Examples Customization Features
Configure and build views using JSON schemas mapped to React components
react-json-schema npm install react-json-schema Construct React elements from JSON by mapping JSON definitions to React components. Use react-json-sch
JSONX - Create React Elements, JSX and HTML from JSON
JSONX Description JSONX is a module that creates React Elements, JSX and HTML from JSON. Declarative The JSONX UMD comes with batteries included so yo
React JSON inspector component
React JSON Inspector Component React-based JSON inspector that features tree expansion and fast search. Live demo Installation npm install react-json-
JavaScript Survey and Form Library
SurveyJS is a JavaScript Survey and Form Library. SurveyJS is a modern way to add surveys and forms to your website. It has versions for Angular, jQue
A React component for building Web forms from JSON Schema.
react-jsonschema-form A simple React component capable of using JSON Schema to declaratively build and customize web forms. Explore the docs » View Pl
A dynamic form component for react using JSON-Schema.
ATTENTION! THIS PROJECT IS NO LONGER ACTIVE. A maintained fork can be found at react-json-editor (h/t @ismaelga). plexus-form A dynamic form component
React JSON Viewer Component, Extracted from redux-devtools
This package was merged into redux-devtools monorepo. Please refer to that repository for the latest updates, issues and pull requests. react-json-tre
Normalizes nested JSON according to a schema
normalizr Install Install from the NPM repository using yarn or npm: yarn add normalizr npm install normalizr Motivation Many APIs, public or not, ret
🔄 A realtime Database for JavaScript Applications
RxDB A realtime Database for JavaScript Applications RxDB (short for Reactive Database) is a NoSQL-database for JavaScript Applications like Websites,