Open Source JavaScript Data Formats Software - Page 4
Sort By:
JavaScript Data Formats Software
View related business solutionsBrowse free open source JavaScript Data Formats Software and projects below. Use the toggles on the left to filter open source JavaScript Data Formats Software by OS, license, language, programming language, and project status.
-
Demo Series - Small Business Backup By VeeamWatch this on-demand demo series and learn how to protect your Microsoft 365 data with clear, simple, actionable steps that are easy to implement for businesses of all sizes.
-
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
1
(Un)colored
Next generation desktop rich content editor that saves documents
The next-generation desktop-rich content editor that saves documents with themes. HTML & Markdown compatible. For Windows, OS X & Linux. The main idea of (Un)colored is to focus on what you write. There are no distracting elements like multiple indicators & toolbars. When you're writing, the only things you see are your content, the caret, and your cursor. The toolbar appears when you select a portion of text, documents tabs & main menu when you move your cursor at the top of the window. Simple as that. (Un)colored includes classic & standard word processor tools like Bold, Italic, Links, etc., but also Web-oriented tools like videos from YouTube, Vimeo, Dailymotion, and even Twitch livestreams. You can even include any type of embed content to your documents like SoundCloud tracks, Facebook posts, etc. thanks to the Embed Content tool. -
2
AmplitudeJS
Open Source HTML5 Web Audio Library
Open Source HTML5 Web Audio Library. Design your web audio player, the way you want. No dependencies are required. AmplitudeJS is a lightweight JavaScript library that allows you to control the design of your media controls in your webpage, not the browser. No dependencies (jQuery not required). AmplitudeJS is available under the MIT License. Open-source software is not sustainable without proper financial support. Maintaining an open-source project takes a lot of effort and resources. If you are very thankful for what you can do with AmplitudeJS or if you are using AmplitudeJS to make any sort of revenue, we kindly ask that you contribute any resources available to keep the community growing. Autogenerate waveforms and visualizations using the Web Audio API. Public functions for unlimited control! All of our example players have the code available on our "AmplitudeJS Example Players" repository. -
3
Critical
Extract & Inline Critical-path CSS in HTML pages
Critical extracts & inlines critical-path (above-the-fold) CSS from HTML. Generate and inline critical-path CSS. Generate critical-path CSS. Generate and minify critical-path CSS. Generate, minify and inline critical-path CSS. Generate and return output via callback. Generate and return output via promise. When your site is adaptive and you want to deliver critical CSS for multiple screen resolutions this is a useful option. note, (your final output will be minified as to eliminate duplicate rule inclusion). Generate critical-path CSS with multiple resolutions. This is a useful option when you e.g. want to defer the loading of web fonts or background images. Generate critical-path CSS and specify asset rebase behavior. Inline critical-path CSS using filamentgroup's loadCSS. Pass an object to configure inline-critical. -
4
DefiantJS
Provides the ability for you to build smart templates applications
Do you need to query large JSON structures? Do you end up coding loops to parse the JSON and identify the data that matches your query? Defiant offers a better way. Defiant extends the global JSON object with a "search" method that enables lightning-fast searches using XPath expressions. Try out the XPath Evaluator to get the idea. DefiantJS provides the ability for you to build smart templates applicable on JSON structures, based upon proven & standardized technologies such as XSLT and XPath. As of v2.0.0, Defiant can be utilized in the Node.js environment. Since there is no default support for XML technologies in Node, the library puppeteer is initiated to mimic the browser environment, with Defiant running. All methods called from Node is piped via Puppeteer. Even though, Defiant now can be used in the Node environment - utilizing Defiant in the browser is recommended. It all boils down to whether you want your servers to run thousands of searches for your clients. -
$300 Free Credits to Build on Google CloudPut your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
-
5
Fidus Writer
Fidus Writer is an online collaborative editor for academics
Fidus Writer is an online collaborative editor especially made for academics who need to use citations and/or formulas. The editor focuses on the content rather than the layout, so that with the same text, you can later on publish it in multiple ways: On a website, as a printed book, or as an ebook. In each case, you can choose from a number of layouts that are adequate for the medium of choice. -
6
Flex Layout Attribute (FLA)
HTML layout helper based on CSS flexbox specification
Layout helper based on CSS flexbox specification designed to serve you as quick flexbox shorthand by using two custom html attributes — 'layout' and 'self'. Download latest release from GitHub and include flex-layout-attribute.min.css in your HTML document. SASS files are provided in the 'sass' directory (see project on GitHub) for further customization. FLA is built with Gulp but you can download and include 'sass' folder in your preferable build setup (grunt, webpack, etc.) FLA is defined with two custom HTML attributes. Layout, use it on the container (parent) element to set layout of its children elements. And self, use it on container/child element to set size or align for the element itself. -
7
Front end Interview Questions
Help the front End community to rock interview
Interview questions for front-end developers. Only for JS developers when they have to answer some side questions to make the interviewer comfortable. To rock the interview to achieve what you deserve and to improve your concepts about front-end technologies, I have consolidated a list of questions and answers. It's a one-stop solution for front end interview process. HTML might be the heart of a website, but least utilized and explored. js dude followed the same path and put some basic questions when you are applying for a position directly not for HTML/markup developer or designer. This is your battlefield. you have to be rock solid in Javascript. That's what brings you the paycheck. In this section, I will go through some mid to high-level javascript interview questions for a solid foundation. The better you know your playground, the easier for you to play the game. and sometimes you can easily play the trick. -
8
Himalaya
JavaScript HTML to JSON Parser
Parse HTML into JSON. Himalaya bundles well with Browersify and Webpack. Himalaya transforms HTML into JSON, that's it. Himalaya is synchronous and does not require any complicated callbacks. Himalaya does not cut corners and returns an accurate representation of the HTML supplied. To remove whitespace, post-process the JSON; check out an example script. Himalaya can include the start and end positions of nodes in the parse output. To enable this, you can pass parse the parseDefaults extended with includePositions: true. Himalaya provides a stringify method. The following example parses the HTML to JSON then parses the JSON back into HTML. -
9
Hint.css
A CSS only tooltip library for your lovely websites
hint.css is written as a pure CSS resource using which you can create cool accessible tooltips for your web app. It does not rely on JavaScript but rather uses aria-label/data- attribute*, pseudo-elements, content property and CSS3 transitions to create the tooltips. Also it uses BEM naming convention, particularly for the modifiers. Hint.css is a pure CSS tooltip library for your lovely websites. Upgrading from v1.x, If you are already using v1.x, you may need to tweak certain position classes because of the way tooltips are positioned in v2. All you need to do is give your element any position class and tooltip text using the aria-label attribute. Note, if you don't want to use aria-label attribute, you can also specify the tooltip text using the data-hint attribute, but its recommended to use aria-label in support of accessibility. If you are already using v1.x, you may need to tweak certain position classes because of the way tooltips are positioned in v2. -
Earn up to 16% annual interest with Nexo.Generate interest, borrow against your crypto, and trade a range of cryptocurrencies — all in one platform. Geographic restrictions, eligibility, and terms apply.
-
10
Isotope
Filter and sort layouts
Include the Isotope .js file in your site. Isotope works on a container element with a group of similar child items. All sizing of items is handled by your CSS. You can use Isotope as a jQuery plugin. You can use Isotope with vanilla JS. You can initialize Isotope in HTML, without writing any JavaScript. All options are optional, but itemSelector is recommended. Layout modes have their own separate options. We recommend always setting itemSelector. itemSelector is useful to exclude sizing elements or other elements that are not part of the layout. If you want to use Isotope to develop commercial sites, themes, projects, and applications, the Commercial license is the appropriate license. With this option, your source code is kept proprietary. If you are creating an open source application under a license compatible with the GNU GPL license v3, you may use Isotope under the terms of the GPLv3. -
11
JS Beautifier
Beautifier for javascript
This little beautifier will reformat and re-indent bookmarklets, ugly JavaScript, unpack scripts packed by Dean Edward’s popular packer, as well as partly deobfuscate scripts processed by the npm package javascript-obfuscator. All of the source code is completely free and open, available on GitHub under MIT licence, and we have a command-line version, python library and a node package as well. You may install the NPM package js-beautify. When installed globally, it provides an executable js-beautify script. As with the Python script, the beautified result is sent to stdout unless otherwise configured. You can also use js-beautify as a node library (install locally, the npm default). The beautifier can be added on your page as web library. JS Beautifier is hosted on two CDN services: cdnjs and rawgit. You can beautify javascript using JS Beautifier in your web browser, or on the command-line using node.js or python. -
12
JSON5
JSON5 — JSON for Humans
JSON5 is an extension to the popular JSON file format that aims to be easier to write and maintain by hand (e.g. for config files). It is not intended to be used for machine-to-machine communication. JSON5 was started in 2012, and as of 2022, now gets >65M downloads/week, ranks in the top 0.1% of the most depended-upon packages on npm, and has been adopted by major projects like Chromium, Next.js, Babel, Retool, WebStorm, and more. It's also natively supported on Apple platforms like MacOS and iOS. Formally, the JSON5 Data Interchange Format is a superset of JSON (so valid JSON files will always be valid JSON5 files) that expands its syntax to include some productions from ECMAScript 5.1 (ES5). It's also a subset of ES5, so valid JSON5 files will always be valid ES5. This JavaScript library is a reference implementation for JSON5 parsing and serialization and is directly used in many of the popular projects mentioned above. -
13
JSONPlaceholder
A simple online fake REST API server
JSONPlaceholder is a free, fake online REST API designed for prototyping, tutorials, and UI demos without standing up a real backend. It provides predictable endpoints for resources like posts, comments, albums, photos, todos, and users with realistic data shapes. Because the data is publicly available and stable, you can build fetch logic, paginate, and render lists while focusing on front-end patterns rather than server plumbing. The API accepts typical HTTP verbs and returns JSON in a consistent format, making it easy to swap with a real server later. It’s widely used in examples, workshops, and automated tests where a dependable dummy service accelerates iteration. With zero setup, it removes a major friction point for learning HTTP clients and front-end data flows. -
14
Juice
Juice inlines CSS stylesheets into your HTML source
Given HTML, juice will inline your CSS properties into the style attribute. Juice has a number of functions based on whether you want to process a file, HTML string, or a cheerio document, and whether you want the juice to automatically get remote stylesheets, scripts, and image dataURIs to inline. To inline HTML without getting remote resources, using default options. Juice is exposed as a standard module, and from CLI with a smaller set of options. -
15
Just Another Desktop Environment
Linux desktop environment built with HTML5, CSS, JavaScript and Python
Desktop Environment built with Web Technologies, JDE takes over your desktop to manage applications a dock or panel is still needed to complement it. Clean and minimalistic interface. Settings panel. Show/Hide application categories. Keyboard application search. Visual application search. Settings panel integrates with individual application settings. Dbus integration. UI inspector. Animated Backgrounds. Drag and Drop, optional Window auto tile. Desktop Tour on first run. Scriptable workspaces. -
16
Land.io
Landio design (Sketch to HTML)
Landio is a responsive HTML template, built on top of Bootstrap 4 and based on the Land.io Sketch design by Peter Finlan. This template and the UI kit were coded by Taty Grassini. Craft memorable, emotive experiences with our range of beautiful UI elements. -
17
Learning JavaScript Design Patterns
Repo for my 'Learning JavaScript Design Patterns' book
Learning JavaScript Design Patterns is released under a Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 unported license. It is available for purchase via O'Reilly Media but will remain available for both free online and as a physical (or eBook) purchase for readers wishing to support the project. This edition was updated to ES2015+ syntax in 2021. Design patterns are reusable solutions to commonly occurring problems in software design. They are both exciting and a fascinating topic to explore in any programming language. One reason for this is that they help us build upon the combined experience of many developers that came before us and ensure we structure our code in an optimized way, meeting the needs of problems we're attempting to solve. Design patterns also provide us a common vocabulary to describe solutions. This can be significantly simpler than describing syntax and semantics when we're attempting to convey a way of structuring a solution in code form. -
18
MSON
Generate an app from JSON
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 also use pieces of MSON to turbo charge your development. MSON is a subset of JSON and comprised of just a few building blocks, yet it is as powerful as its non-declarative counterparts. MSON supports validation, inheritance, composition, pub/sub, access control, templating and various other features. MSON is particularly useful in software that generates other software, e.g. a form builder. This is because MSON is just JSON, so it is easy to consume, modify and store. MSON is framework agnostic, but the default mson-react rendering layer uses React and Material-UI to generate a UI. The rendering layer is pluggable and can be written to support any framework and UI library. The MSON library can also be used without any UI dependecies, which makes it great for things like data validation in both the front and back ends. -
19
Material Dashboard Lite
A free dashboard template with material design lite
Welcome to first dark dashboard on the Material Design Lite! Material admin template is absolutely free for commercial usage theme, that uses google's implementation of material design — Material Design Lite library. It doesn’t rely on any JavaScript frameworks and aims to be responsive and optimized for cross-device usage. All components are created with CSS (scss), JavaScript (es6), and HTML5. -
20
Nerdamer
a symbolic math expression evaluator for javascript
Nerdamer is a small and light-weight symbolic math expression evaluator written in JavaScript. The parsing is done purely in JavaScript and uses no server-side program whatsoever. It can export to a pure javascript function, ideal for filtering user input. Nerdamer is modular so you only need to load the parts you need. Because of this and its small footprint, it can easily be embedded into your applications. -
21
Numeral.js
A javascript library for formatting and manipulating numbers
You can use Numerals in the browser and in Node.js. Create an instance of a numeral, Numeral takes numbers or strings that it trys to convert into a number. Numbers can be formatted to look like currency, percentages, times, or even plain old numbers with decimal places, thousands, and abbreviations. And you can always create a custom format. Set a default format so you can use .format() without a string. The default format to '0,0'. Set a custom output when formatting numerals with a value of 0 or null. Adding your own custom formats is as easy as adding a locale. Numeral.js, while less complex, was inspired by and heavily borrowed from Moment.js Formats now exist in their own files and act more or less as plugins. Check out the bytes format for an example of how to create one. When naming locale files use the ISO 639-1 language codes supplemented by ISO 3166-1 country codes when necessary. -
22
PostHTML
PostHTML is a tool to transform HTML/XML with JS plugins
PostHTML is a tool for transforming HTML/XML with JS plugins. PostHTML itself is very small. It includes only an HTML parser, an HTML node tree API and a node tree stringified. All HTML transformations are made by plugins. And these plugins are just small plain JS functions, which receive an HTML node tree, transform it, and return a modified tree. PostHTML is a tool for transforming HTML/XML with JS plugins. PostHTML itself is very small. It includes only an HTML parser, an HTML node tree API and a node tree stringified. -
23
Prerender SPA Plugin
Prerenders static HTML in a single-page application
Flexible, framework-agnostic static site generation for sites and SPAs built with webpack. This is the stable 3.x version of prerender-spa-plugin based on puppeteer. If you're looking for the (now-deprecated) 2.x version, based on PhantomJS, take a look at the v2 branch. The goal of this plugin is to provide a simple prerendering solution that is easily extensible and usable for any site or single-page-app built with webpack. Plugins for other task runners and build systems are planned. Framework-specific examples can be found in the examples/ directory. Most usages of prerender-spa-plugin v2.x should be compatible with v3.x. The exception being advanced configuration options that controlled PhantomJS. These have been replaced by pluggable renderers with their own specific configuration options. -
24
Pro sidebar template
Responsive layout with advanced sidebar menu built with SCSS
Responsive layout with advanced sidebar menu built with SCSS and vanilla Javascript. The layout for this template is based on CSS pro layout package, please refer to the docs for more information. Responsive navigation element for building vertical menu items. Sidebar comes with layout support for better organization of the inner structure. Wrapper component that groups all menu items. Add .sub-menu class to a menu item and create a wrapper component with the sub-menu-list class to group sub-menu items. -
25
PurifyCSS
Remove unused CSS. Also works with single-page apps
A function that takes content (HTML/JS/PHP/etc) and CSS, and returns only the used CSS. PurifyCSS does not modify the original CSS files. You can write to a new file, like minification. If your application is using a CSS framework, this is especially useful as many selectors are often unused. Statically analyzes your code to pick up which selectors are used. The CLI currently does not support file patterns. Remove unused CSS code from your stylesheet. PurifyCSS is meant to be installed via npm and built into your build process using tools like Grunt, Gulp or Webpack. However if you're using a different development stack or building your sites with a CMS like Wordpress, you can use the online tool to clean up your stylesheet. Especially if you are using CSS frameworks like Bootstrap or a multi-purpose Wordpress theme, chances are you are actually using less than 20% of the defined CSS rules.
