javascript
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.
- From Next.js to Astro: A Page Size Comparison @ Alan Norbauer.
- Use the Accept Header to serve Markdown instead of HTML to LLMs @ Nick Khami's Blog.
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.
TypeScript is a language for application-scale JavaScript. TypeScript adds optional types to JavaScript that support tools for large-scale JavaScript applications for any browser, for any host, on any OS. TypeScript compiles to readable, standards-based JavaScript.
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.
Ponyfill for upcoming Element.scrollIntoView() APIs like scrollMode: if-needed, behavior: smooth and block: center. When deciding if scrolling is needed the visibility of the target element is checked. If it's less than 100% it will be scrolled.
Snow effect for your website. Embed a snow effect on your website.
Next.js Static Site Generator. Make beautiful websites with Next.js & MDX. Simple, powerful and flexible site generation framework with everything you love from Next.js.
A simple & customizable notifications system for React
CesiumJS is a JavaScript library for creating 3D globes and 2D maps in a web browser without a plugin. It uses WebGL for hardware-accelerated graphics, and is cross-platform, cross-browser, and tuned for dynamic-data visualization.
clapper Scene.js is an JavaScript & CSS timeline-based animation library.
This is a series of books diving deep into the core mechanisms of the JavaScript language.
Bulk Image Resizing Made Easy 2.0 (Online & Free). BIRME is a flexible and easy to use bulk image resizer. It can resize your images to any specific dimension and crop them proportionately if necessary. It's an online tool and you don't need to download or install on your computer. BIRME is absolutely free to use.
Create graphics with a hand-drawn, sketchy, appearance. Rough.js is a small (<9 kB) graphics library that lets you draw in a sketchy, hand-drawn-like, style. The library defines primitives to draw lines, curves, arcs, polygons, circles, and ellipses. It also supports drawing SVG paths.
An API mocking library for frontend developers. Build complete frontend features, even if your API doesn't exist. Mirage JS is an API mocking library that lets you build, test and share a complete working JavaScript application without having to rely on any backend services.
React Native for the desktop, cross compatible. Create desktop applications through a React syntax, on all platforms.
The React Framework.
Used by some of the world's largest companies, Next.js enables you to create full-stack web applications by extending the latest React features, and integrating powerful Rust-based JavaScript tooling for the fastest builds.
Related contents:
- next.js: an honest review @ beeps.
- Authorization in Next.js @ rw;eruch.
- You should know this before choosing Next.js @ Build Times.
- Deploying a Next.js App to Production in any server @ SayBackend 📦.
- Next.js vs TanStack @ Kyle Gill.
- Guide to fast websites with Next.js: Tips for maximizing server speeds and minimizing client burden @ Vercel.
- Pourquoi je n'aime pas Next.js @ Grafikart :fr:.
- Use Async Local Storage to prevent props drilling in Next.js Route handlers @ nico.fyi.
- Next.js 15.1+ is unusable outside of Vercel @ Omar Abid.
- How to take screenshots of your statically exported Next.js site in GitHub Actions workflow @ nico.fyi.
- Next.js Promise Racing @ Playful Programming.
- You should know this before choosing Next.js @ Build Times.
- Adding .md URLs for Raw Markdown Content in Next.js @ Ben Gubler.
- Next.js migration @ LLM Gateway.
- The Complete Guide to Self-Hosting Next.js at Scale @ David Höck.
- Next.js Is Infuriating @ Dominik's Blog.
- One Year with Next.js App Router — Why We're Moving On @ paper clover.
Short JavaScript code snippets for all your development needs
finds publicly known security vulnerabilities in a website's frontend JavaScript libraries
A lightweight comments widget built on GitHub issues. Use GitHub issues for blog comments, wiki pages and more!
🚀 A React Framework for building extensible drag and drop page editors Craft.js solves this problem by modularising the building blocks of a page editor. It ships with a drag-n-drop system and handles the way user components should be rendered, updated and moved - among other things. With this, you'll be able to build your own page editor exactly how you want it to look and behave.
The zero configuration build tool. Parcel combines a great out-of-the-box development experience with a scalable architecture that can take your project from just getting started to massive production application.
The cursor is the heart of any interaction with the web. Why not take it to the next level? 🚀 Add magnetism and bigger reach to mouse cursor.
Beautiful animated waves. nice-waves is a Vanilla JS library that makes creating waves a breeze.
Unified JavaScript Tools.
Unleash JavaScript's Potential with the UnJS Ecosystem Agnostic Excellence: JavaScript Libraries, Tools, and Utilities, Crafted to Elevate Your Coding Journey.
Related contents:
Web-based XMPP/Jabber chat client written in JavaScript Converse is a web based XMPP/Jabber chat client. You can either use it as a webchat app, or you can integrate it into your own website. It's 100% client-side JavaScript, HTML and CSS and the only backend required is a modern XMPP server.
People choose popular projects, often not because it applies to their problems.
A long list of (advanced) JavaScript questions, and their explanations. From basic to advanced: test how well you know JavaScript, refresh your knowledge a bit, or prepare for your coding interview! muscle rocket I update this repo regularly with new questions. I added the answers in the collapsed sections below the questions, simply click on them to expand it. It's just for fun, good luck! heart
bring your components to life with simple spring animation primitives
roughViz.js is a reusable JavaScript library for creating sketchy/hand-drawn styled charts in the browser, based on D3v5, roughjs, and handy.
search millions of open source JavaScript packages. Load optimized npm packages with no install and no build tools.