javascript
🚀 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.
Snowpack is a lightning-fast frontend build tool, designed for the modern web. It is an alternative to heavier, more complex bundlers like webpack or Parcel in your development workflow. Snowpack leverages JavaScript's native module system (known as ESM) to avoid unnecessary work and stay fast no matter how big your project grows.
React Router, Solid Router, Svelte Router, Vue Router. Modern and scalable routing for applications. A fully typesafe router with first-class search-param APIs and built-in caching, built for JS/TS, React, Preact, Solid, Vue and Svelte.
HashLips Art Engine is a tool used to create multiple different instances of artworks based on provided layers.
Create generative art by using the canvas api and node js. Before you use the generation engine, make sure you have node.js(v10.18.0) installed.
Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design. MUI Core contains foundational React UI component libraries for shipping new features faster.
Extremely customizable 3kb plugin for scroll based animation which animates 1000 elements without lags
Light-weight, no-dependency, vanilla JavaScript engine to drive user's focus across the page
Typetura’s powerful technology scales your text to any layout, on any device. Launch products up to 30% faster with 90% fewer text styles.
JS performance - Dev tool. Benchmark your JS snippets for an optimized performance.
Make Ship Happen. Turbo is an incremental bundler and build system optimized for JavaScript and TypeScript, written in Rust.
find how to do things in code. ask questions, get answers. Gistlib uses artificial intelligence to help you find answers to your programming questions.
htmx gives you access to AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypertext
Related contents:
- Please Just Fucking Try HTMX.
- Next.js to htmx — A Real World Example @ htmx.
- Less htmx is More @ Unplanned Obsolescence.
- Bookmarkable by Design: URL-Driven State in HTMX @ Loren Stewart.
- MESH: I tried HTMX, then ditched it @ Alex Moon.
- The fetch()ening @ HTMX.
- Modern Frontend Complexity: essential or accidental? @ I0I.
- Building Progressively Enhanced Forms Using htmx @ Rafael Epplée.
The fastest slider library for high performance websites. Blaze slider is a high-performance JavaScript UI library for creating sliders.
A utility package for guessing date's format
A set of buttons with a magnetic interaction and a hover effect. A small set of magnetic buttons with some fun hover animations. Inspired by the button animation seen on Cuberto.
Luckysheet is an online spreadsheet like excel that is powerful, simple to configure, and completely open source.
A forward-thinking library of web components. Shoelace provides a collection of professionally designed, highly customizable UI components built on a framework agnostic technology.
Logic-less templates. It is named "Mustache" because of heavy use of braces, { }, that resemble a sideways moustache.
Painless transitions for CSS Grid. Seamlessly animate all CSS grid properties. This script makes it easy to transition your CSS grid gracefully from one state to another. If the content of the grid changes, or if the grid or one of its children is updated with the addition or removal of a class, the grid will automatically transition to its new configuration.
lightweight parallax effect without dependencies.
React Electronic Program Guide, Schedule, Timeline and Events. Build Timeline, today, fast and simple. Planby is a React based component that lets you implement your own Timeline so fast and simple.
A powerful, modern, and friendly wrapper for JavaScript dates and times. DateTimes, Durations, and Intervals. Immutable, chainable, unambiguous API. Native time zone and Intl support (no locale or tz files).
Related contents:
Day.js is a minimalist JavaScript library that parses, validates, manipulates, and displays dates and times for modern browsers with a largely Moment.js-compatible API. If you use Moment.js, you already know how to use Day.js.
a submit button with a inplace loading animation
The lightweight, flexible and accessible slider/carousel. Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.
An off-canvas sidebar React component with a collection of effects and styles using CSS transitions and SVG path animations.
Enterprise routing for React applications. Powerful, enterprise-grade routing for React applications Declarative & asynchronous route elements and data loaders, first-class Search Param APIs, nested-routing, code-splitting and so much more.
A fast, zero dependency object and array comparison library. Significantly faster than most other deep comparison libraries and has full TypeScript support. Microdiff is a tiny (currently <1kb), fast, zero dependency object and array comparison library. It is significantly faster than most other deep comparison libraries, and has full TypeScript support.
The smallest, fastest, most feature complete tailwind-in-js solution in existence
Marvellous code walkthroughs. Build first-class code walkthroughs for the web. Whether you are writing blog posts, documentation, tutorials, coding videos, or any type of technical content, Code Hike helps you create a superior code reading experience.
A component toolkit for creating live-running code editing experiences, using the power of CodeSandbox. Sandpack is a component toolkit for creating your own live running code editing experience powered by CodeSandbox.
Lightweight JS WebDAV client. This is drop-in JS client that you can use to enhance the web interface of a WebDAV file server. Or you can use it on your computer to access any WebDAV server without installing anything.
enable cross-origin resource sharing. Cross-Origin Resource Sharing (CORS) is a specification that enables truly open access across domain-boundaries. If you serve public content, please consider using CORS to open it up for universal JavaScript/browser access.
Open-source file manager for web, written in JavaScript using jQuery and jQuery UI. elFinder is an open-source file manager for web, written in JavaScript using jQuery UI. Creation is inspired by simplicity and convenience of Finder program used in Mac OS X operating system.
AdminJS is an automatic admin interface that can be plugged into an application. AdminJS generates UI based on the given database model.
Check if an in-app browser is injecting JavaScript code Some iOS and Android apps make use of a custom in-app browser (full details). This causes potential security and privacy risks to the user.
Cybernetically enhanced web apps.
Svelte is a UI framework that uses a compiler to let you write breathtakingly concise components that do minimal work in the browser, using languages you already know — HTML, CSS and JavaScript. It’s a love letter to web development.
Related contents:
- Compile Svelte 5 in your head @ Tan Li Hau.
- Svelte, Markdown, and the Magic of Web Components @ sh4jid.
- React Won by Default – And It's Killing Frontend Innovation @ Loren Stewart.
- Svelte really is that fast @ Chuniversiteit.nl.
- Why startups choose React (and when you shouldn't) @ Evil Martians.
- Hunting a production-only proxy bug in SvelteKit @ drew's dev blog.
Bun is a fast all-in-one JavaScript runtime Bundle, transpile, install and run JavaScript & TypeScript projects — all in Bun. Bun is a new JavaScript runtime with a native bundler, transpiler, task runner and npm client built-in.
Related contents:
- Bun : un outil tout-en-un JavaScript révolutionnaire ? @ premier octet :fr:.
- Building React Apps with Bun: A Modern Development Experience @ Peter Mbanugo.
- Node.js vs Deno vs Bun Performance Benchmarks @ RepoFlow.
- #1022: Bun re-written in Rust, Zig team big mad @ Syntax.
- How is the Bun Rewrite in Rust Going? @ Tom Lockwood - Developer.
- #139: BunJS, l'environement JS ultime ? @ Double Slash :fr:.
Build apps for any screen
Flutter transforms the app development process. Build, test, and deploy beautiful mobile, web, desktop, and embedded apps from a single codebase.
Related contents:
Next Generation Frontend Tooling
Get ready for a development environment that can finally catch up with you.
A grid layout with columns that scroll in opposite directions using Locomotive Scroll.
A JavaScript library for structured state. Database engine for javascript. The reactive data store for local‑first apps.
TinyBase lets you listen to changes made to any part of your data. This means your app will be fast, since you only spend rendering cycles on things that change. The optional bindings to React and pre-built components let you easily build fully reactive UIs on top of TinyBase. You even get a built-in undo stack, and developer tools!
The simpliest API to run DOS games in browser.
The simplest API to run DOS/Win 9x programs in browser or node. js-dos provides full-featured DOS player that can be easily installed and used to get your DOS program up and running in browser quickly. js-dos provide many advanced features like multiplayer and cloud storage. All available features are enabled for any integration and free.