javascript
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.
- Partial Prerendering @ Wyatt Johnson.
- ChatGPT as My Coding Mentor: How I Learned React and Next.js as a Junior Developer @ iO tech_hub.
- 93% Faster Next.js in (your) Kubernetes @ Platformic.
- Not everything that breaks is an error: a Logs and Next.js story @ Sentry.
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.
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.
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.