All Projects → agneym → json-formatter

agneym / json-formatter

Licence: MIT license
An extensible JSON Viewer, Editor, Formatter, Validator based on Monaco Editor

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to json-formatter

util
封装了一些Java常用的功能
Stars: ✭ 19 (-53.66%)
Mutual labels:  formatter
utd-grades
A tool to view grade distributions at UT Dallas.
Stars: ✭ 23 (-43.9%)
Mutual labels:  styled-components
lab-cli
Command line utilities and exporting module for Compositor Lab
Stars: ✭ 52 (+26.83%)
Mutual labels:  styled-components
forex-web-app
💱 foreign currency exchange app built with react hooks
Stars: ✭ 17 (-58.54%)
Mutual labels:  styled-components
jiahao.codes
😎 Personal Website
Stars: ✭ 63 (+53.66%)
Mutual labels:  styled-components
wizard
🍳Wizardoc is a WEBAPP for managing documents and knowledge.
Stars: ✭ 57 (+39.02%)
Mutual labels:  styled-components
eslint-formatter-git-log
ESLint Formatter featuring Git Author, Date, and Hash
Stars: ✭ 36 (-12.2%)
Mutual labels:  formatter
react-native-ecommerce
E-commerce mobile application developed using React Native 👔 🎩
Stars: ✭ 60 (+46.34%)
Mutual labels:  styled-components
cargo-react
A Boilerplate for creating Component Libraries in React + Typescript + StoryBook + Styled Components
Stars: ✭ 13 (-68.29%)
Mutual labels:  styled-components
format-date
📆 A small library (around 400 B when gziped & minified) to format JavaScript `Date` object using same tokens as moment.
Stars: ✭ 25 (-39.02%)
Mutual labels:  formatter
karang
React components library that implement Lalamove Design.
Stars: ✭ 14 (-65.85%)
Mutual labels:  styled-components
nytimes-bestseller
NY Times best sellers list explorer
Stars: ✭ 35 (-14.63%)
Mutual labels:  styled-components
Bois
Salar.Bois is a compact, fast and powerful binary serializer for .NET Framework. With Bois you can serialize your existing objects with almost no change.
Stars: ✭ 53 (+29.27%)
Mutual labels:  formatter
marvel-jarvig
Marvel JARVIG (Just A Rather Very Interesting Game) is a game that lets you find and discover Marvel Comics characters based on their name, image and description!
Stars: ✭ 13 (-68.29%)
Mutual labels:  styled-components
movies
🍿 react-app for movies
Stars: ✭ 60 (+46.34%)
Mutual labels:  styled-components
react-ssr-hydration
Example of React Server Side Rendering with Styled Components and Client Side Hydration
Stars: ✭ 15 (-63.41%)
Mutual labels:  styled-components
babel-plugin-styled-name
Name for your styled-components in development
Stars: ✭ 16 (-60.98%)
Mutual labels:  styled-components
bemto-button
Foundation for complex reusable buttons in React
Stars: ✭ 18 (-56.1%)
Mutual labels:  styled-components
dockerfile-language-service
Dockerfile language service for providing an API to create feature-rich Dockerfile editors in JavaScript.
Stars: ✭ 15 (-63.41%)
Mutual labels:  formatter
WPKirk
A WP Bones skeleton Plugin
Stars: ✭ 28 (-31.71%)
Mutual labels:  styled-components

JSON Crew

All Contributors

badge Netlify Status code style: prettier

PRs Welcome first-timers-only Friendly

An extensible JSON Viewer, Editor, Formatter and Validator that works completely on the client side.

Features

  1. JSON Viewer & Editor
  2. JSON Formatting with options.
  3. JSON Validation with respect to readily available schemas (with option to bring your own schema)
  4. PWA - You can install this directly from your browser.
  5. Upload JSON from your system or load directly from URL
  6. Download formatted JSON
  7. Share JSON with peer to peer
  8. Search & Replace words/expressions with support for case matching, regular expressions
  9. Multi-cursor editing support
  10. Editor theming support
  11. Supports Plugins to extend Functionality.

How to create a JC Plugin

JSON Crew Plugin system is based on Web Components.

It gives the JSON data entered by the user as input to the web component and allows it to render the UI for plugin area. From here, you can transform the JSON and emit a custom event json-transform with transformed JSON as the transformation response.

  1. Web Component gets data as input
  2. Render UI and allow user to configure the transformation
  3. Emit a custom event json-transform to show the transformed JSON to the user.
  4. Give me a PR editing the listing file

Tutorial Blog

A Starting Template with Lit Element can be found here

Contributing

npm install
npm start

Development server started at http://localhost:3000.

For more details, view Contributing Guidelines

Twitter Follow

Contributors

Thanks goes to these wonderful people (emoji key):


Amal Jose A

🔌

This project follows the all-contributors specification. Contributions of any kind welcome!

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].