javascript
The Intuitive Web Framework. Build your next Vue.js application with confidence using Nuxt. An open source framework under MIT license that makes web development simple and powerful.
Related contents:
The most powerful and extensible open source Wiki software. Make documentation a joy to write using Wiki.js's beautiful and intuitive interface!
Hotwire is an alternative approach to building modern web applications without using much JavaScript by sending HTML instead of JSON over the wire. This makes for fast first-load pages, keeps template rendering on the server, and allows for a simpler, more productive development experience in any programming language, without sacrificing any of the speed or responsiveness associated with a traditional single-page application.
Convert curl commands to code. Convert curl commands to Python, JavaScript, PHP, R, Go, C#, Ruby, Rust, Elixir, Java, MATLAB, Dart, CFML, Ansible URI or JSON.
Rete is a modular framework for visual programming. Rete allows you to create node-based editor directly in the browser. You can define nodes and workers that allow users to create instructions for processing data in your editor without a single line of code.
Webbased old-school Amiga music tracker in plain old javascript - Plays and edits Amiga Mod files and FastTracker XM files. Browser-based old-school Amiga Music Tracker in plain old JavaScript.
Tern is a stand-alone code-analysis engine for JavaScript. It is intended to be used with a code editor plugin to enhance the editor's support for intelligent JavaScript editing.
Develop desktop apps from websites, using system installed browsers and NodeJS.
Gluon is a new framework for creating desktop apps from websites, using system installed browsers (not webviews) and NodeJS, differing a lot from other existing active projects - opening up innovation and allowing some major advantages. Instead of other similar frameworks bundling a browser like Chromium or using webviews (like Edge Webview2 on Windows), Gluon just uses system installed browsers like Chrome, Edge, Firefox, etc. Gluon supports Chromium and Firefox based browsers as the frontend, while Gluon's backend uses NodeJS to be versatile and easy to develop (also allowing easy learning from other popular frameworks like Electron by using the same-ish stack).
A command line tool for tracking work hours, as simple as it can get.
Like every year we try to provide an overview of the trending projects in the JavaScript eco-system over the last 12 months.
A rapid layers animation of images as a splash intro or page transition on a website.
Build single-page apps, without building an API. Create modern single-page React, Vue, and Svelte apps using classic server-side routing. Works with any backend — tuned for Laravel.
Related contents:
The standard for modern web animation.
A robust javascript toolset that turns developers into animation superheroes. We obsess about performance, compatibility, and support so that you don't have to.
Detection of elements in viewport & smooth scrolling with parallax effects.
- Mission: Maintain an open standard for UI and promote its adherence and adoption.
- Audience: The broader UI community including designers, engineers, and managers.
The purpose of Open UI to the web platform is to allow web developers to style and extend built-in web UI controls, such as <select> dropdowns, checkboxes, radio buttons, and date/color pickers. To do that, we'll need to fully specify the component parts, states, and behaviors of the built-in controls, as well as necessary accessibility requirements, and provide test suites to ensure compatibility. We'll also implement polyfills for our extensible web UI controls.
Manage HTML DOM with vanilla JavaScript. Knowing the browser DOM APIs and how to use them play an important role in web development. A website introducing the APIs, well-known problems, most popular questions could be very useful. HTML DOM @ GitHub
Stunning touch-friendly 3D parallax hover effects. Atropos is a lightweight, free and open-source JavaScript library to create stunning touch-friendly 3D parallax hover effects. Available for JavaScript, React, Vue.js and Svelte. Atropos @ GitHub.
Color ramp generator using curves within the HSV color model. FettePalette is lightweight, dependency free and fast JavaScript function written in TypeScript. It generates color ramps based on a curve within the HSV color model. This page serves as preview for the variety of options the function takes. FettePalette @ GitHub.
Build your React-based CRUD applications, without constraints. An open source, headless web application framework developed with flexibility in mind. refine @ GitHub.
Unstyled, accessible components for building high‑quality design systems and web apps in React.
Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.
Skip all the configuration and setup needed to get your cloud scripts going. A website for writing and running scripts in the browser, including versioning, an API, scheduling and more.
Related contents:
Make HTML elements spin in response to scrolling. Spinning slows down with friction. Works with vertical and horizontal scrolling on any element.
JavaScript drag and drop, resizing, and multi-touch gestures for modern browsers (and also IE9+) .
UI Design and Prototyping Tool. Component-driven prototyping. Design with the same components that devs build products with. Move your teams out of silos for real process improvements.
simpleParallax.js is a very simple and tiny Vanilla JS library that adds parallax animations on any images.
React hero animations. Motion Layout. Create beautiful immersive hero animations using shared components.
Library for animating image backgrounds in websites using WebGL.
It support the following:
- Configurable dynamic camera
- Animated transitions between backgrounds
- Post-processing effects & particles
An introductory course to Creative Coding, covering the most important topics, both for Processing and p5.js
Tiny, dependency-free javascript library for creating accessible modal dialogs
A couple of ideas for decorative link distortion effects using SVG filters on lines, circles and squares.
Dans ce TP, vous allez créer une Single Page Application (SPA) en Vanilla JS dans le but de découvrir différentes notions telles que les affichages dynamiques, la gestion des modules et du bundling, les appels HTTP et les promesses, le routage et bien sur les tests unitaires qui assureront la qualité et la non régression de vos codes.
HTML Cheat Sheet contains useful code examples and web developer tools, markup generators and more on a single page. Switch to other web developer sheets, like CSS or JavaScript. These pages were created as a quick guide for those who already know how to work with these languages. Make sure you bookmark this site for a quick and easy access!
Free and Open Source Web Builder Framework Next generation tool for building templates without coding. GrapesJS is an open-source, multi-purpose, Web Builder Framework which combines different tools and features with the goal to help you (or users of your application) to build HTML templates without any knowledge of coding. It's a perfect solution to replace the common WYSIWYG editors, which are good for content editing but inappropriate for creating HTML structures. You can see it in action with the official demos, but using its API you're able to build your own editors.
Simple tool written in vanilla Javascript to generate a plasma background for your website.
React Native + Web UI kit Style React Native and Web with an optimizing compiler. Tamagui lets you share more code between web and native apps while improving, rather than sacrificing, DX, performance, and code maintainability.
Simple React forms validation. Performant, flexible and extensible forms with easy-to-use validation.
Build faster websites. Pull content from anywhere and serve it fast with Astro's next-gen island architecture.
Astro is a website build tool for the modern web — powerful developer experience meets lightweight output. Astro is the all-in-one web framework designed for speed. Pull your content from anywhere and deploy everywhere, all powered by your favorite UI components and libraries.
Related contents:
- Démarrez avec Astro Starlight @ Culture et Outils DevSecOps :fr:.
- RSC for Astro Developers @ overreacted.
- No Server, No Database: Smarter Related Posts in Astro with
transformers.js@ alexop.dev. - From Next.js to Astro: A Page Size Comparison @ Alan Norbauer.
- Astro is a developers f***ing dream @ Websmith.
- Architecting with Constraints: A Pragmatic Guide @ Loren Stewart.
DOM-first, responsive carousel for React. React Snap Carousel leaves the DOM in charge of scrolling and simply computes derived state from the layout, allowing you to progressively enhance a scroll element with responsive carousel controls.
Simple React Component That Makes Titles More Readable.
TypeScript is JavaScript with syntax for types. TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.
Related contents:
NW.js (previously known as node-webkit) lets you call all Node.js modules directly from DOM and enables a new way of writing applications with all Web technologies.
Manage multiple runtime versions with a single CLI tool. asdf is a CLI tool that can manage multiple language runtime versions on a per-project basis. It is like gvm, nvm, rbenv & pyenv (and more) all in one! Simply install your language's plugin!
A modular data visualization framework for React, Angular, Svelte, and vanilla TypeScript or JavaScript
a fresh & lightweight javascript game engine. melonJS 2 is a modern version of the melonJS game engine. It has been rebuilt almost entirely using ES6 class, inheritance and semantic, and is bundled using Rollup to provide modern features such as transpiling and tree-shaking.
Open source HTML5 Charts for your website. Simple yet flexible JavaScript charting library for the modern web.
Build apps in components. An open-source toolchain for component-driven software. Forget monolithic apps and distribute development to components.
Jest is a delightful JavaScript Testing Framework with a focus on simplicity.
Parse, validate, manipulate, and display dates and times in JavaScript
Visual IDE for React. React, meet your first visual IDE. Visually edit projects side-by-side with your code editor. See every change reflected instantly and get your work done faster.
React Hooks for Data Fetching. The name “SWR” is derived from stale-while-revalidate, a HTTP cache invalidation strategy popularized by HTTP RFC 5861. SWR is a strategy to first return the data from cache (stale), then send the fetch request (revalidate), and finally come with the up-to-date data.
A framework for ambitious web developers. Ember.js is a productive, battle-tested JavaScript framework for building modern web applications. It includes everything you need to build rich UIs that work on any device.
JavaScript animation engine. Anime.js (/ˈæn.ə.meɪ/) is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes and JavaScript Objects.