javascript
Provide videos with a supercharged focus on visual performance. This custom element renders just like the real thing but approximately 224× faster.
Embla Carousel is a bare bones carousel library with great fluid motion and awesome swipe precision. It's library agnostic, dependency free and 100% open source. Build awesome carousels by extending Embla Carousel with your own CSS and JavaScript.
🐻 Bear necessities for state management in React.
A small, fast and scalable bearbones state-management solution using simplified flux principles. Has a comfy API based on hooks, isn't boilerplatey or opinionated.
an SEO first Svelte Framework & Static Site Generator.
Elder.js is an opinionated static site generator and web framework built with SEO in mind. (Supports SSR and Static Site Generation.)
React UI Component Library.
PrimeReact is a rich set of open source UI Components for React.
Password protect a static HTML page.
StatiCrypt uses AES-256 to encrypt your HTML file with your passphrase and return a static page including a password prompt and the javascript decryption logic that you can safely upload anywhere (see what the page looks like).
This means you can password protect the content of your public static HTML file, without any back-end - serving it over Netlify, GitHub pages, etc. (see the detail of how it works).
The web's scaffolding tool for modern webapps.
Yeoman is a robust and opinionated set of tools, libraries, and a workflow that can help developers quickly build beautiful, compelling web apps.
A lightweight emoji picker, distributed as a web component.
Excel-like DataGrid component for React JS. Built for high performance rendering similar to google sheets.
Fast, typo-tolerant open source search engine. Lightning-fast, Open Source Search. No PhD required.
Craft delightful search-as-you-type experiences with Typesense. Meticulously engineered for performance & ease of use.
Shape a delightful search experience in a snap.
An open-source, lightning-fast, and hyper-relevant search engine that fits effortlessly into your apps, websites, and workflow.
the open source Shopify alternative.
Medusa is an open source composable commerce engine built with Node.js. Medusa enables developers to build scalable and sophisticated commerce setups with low effort and great developer experience.
Super Expressive is a zero-dependency JavaScript library for building regular expressions in (almost) natural language.
Super Expressive is a JavaScript library that allows you to build regular expressions in almost natural language - with no extra dependencies, and a lightweight code footprint (less than 4kb with minification + gzip!).
A JavaScript browser API that allows the creation of a payment stream from the user agent to the website.
Perf Track is a project that aims to track and measure the performance of sites that use popular JavaScript frameworks and libraries. It is not an exercise to compare the performance of frameworks against each other.
Flipping how we define typography in CSS.
Capsize makes the sizing and layout of text as predictable as every other element on the screen. Using font metadata, text can now be sized according to the height of its capital letters while trimming the space above capital letters and below the baseline.
Lightweight, stylish, and ethical share buttons. Shareon are share buttons for popular social networks.
Elevator.js fixes those awkward "scroll to top" moments the old fashioned way.
Finally, a "back to top" button that behaves like a real elevator, by adding elevator music to quietly soothe the awkwardness that can ensue when being smoothly scrolled to the top of the screen.
A gorgeous, simple, tiny JavaScript package to add keyboard bindings into your application.
The world's easiest, most powerful random function.
Rando.js helps JavaScript developers code randomness more simply, readably, and securely. Whether you need to find a random int/float between two numbers, pick a random value from an array, choose a random element from your jQuery object, grab a character from a string, toss a coin, or do anything of the like while even preventing repetitions, we've got you covered at a cryptographically strong level. The best part? Our library is extremely lightweight and developer friendly- which means it won't take a toll on your project, and it's uber-simple to implement.
Setup Create React App with React Boilerplate. Highly scalable & Best DX & Performance Focused & Best practices. Crafted for highly scalable & performant and easily maintainable React.js applications with a focus on best DX and best practices.
Self-hosted website analytics.
Self-hosted, Node.js based analytics tool for those who care about privacy. Ackee runs on your own server, analyzes the traffic of your websites and provides useful statistics in a minimal interface.
Modular standard library for JavaScript. Includes polyfills for ECMAScript up to 2023: promises, symbols, collections, iterators, typed arrays, many other features, ECMAScript proposals, some cross-platform WHATWG / W3C features and proposals like URL. You can load only required features or use it without global namespace pollution.
Frontend workshop for UI development.
Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and documentation. It’s open source and free.
Create accessible React apps with speed. A simple, modular and accessible component library that gives you the building blocks you need to build your React applications.
Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications.
Chakra UI is a comprehensive library of accessible, reusable, and composable React components that streamlines the development of modern web applications and websites. The library offers a diverse range of components that can be easily combined to build complex user interfaces while adhering to accessibility best practices.
Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, stitches and goober) at build time.
Advanced JavaScript table plugin.
Grid.js is a Free and open-source JavaScript table plugin. It works with most JavaScript frameworks, including React, Angular, Vue and VanillaJs.
A small JavaScript library to create and animate annotations on a web page
Rough Notation uses RoughJS to create a hand-drawn look and feel. Elements can be annotated in a number of different styles. Animation duration and delay can be configured, or just turned off.
Build native Windows & macOS apps with Javascript and React.
Faster subsequent page-loads by prefetching or prerendering in-viewport links during idle time.
This project aims to be a drop-in solution for sites to prefetch links based on what is in the user's viewport.
An extremely fast bundler for the web.
The main goal of the esbuild bundler project is to bring about a new era of build tool performance, and create an easy-to-use modern bundler along the way.
Headless UI for Virtualizing Large Element Lists
Virtualize only the visible DOM nodes within massive scrollable elements at 60FPS in TS/JS, React, Vue, Solid & Svelte while retaining 100% control over markup and styles.
The convenient JavaScript Web Component, which lets you reliably create beautiful buttons, where people can add events to their calendars.
webpack/Parcel/Snowpack boilerplate generator.
Frontend build config generator.
JavaScript 3D Library.
The aim of the project is to create an easy to use, lightweight, cross-browser, general purpose 3D library. The current builds only include a WebGL renderer but WebGPU (experimental), SVG and CSS3D renderers are also available as addons.
Related contents:
JSON storage with schema validation. JSON storage bins that won't break your app.
Set up a lightweight JSON endpoint in seconds, then add a schema to edit your data safely at any time.
A gooey text hover effect using SVG filters
Free Cloud JSON Storage API.
Free data storage as a service. Pantry allows devs to store JSON for multiple apps & users. A good resource when building personal projects, apps for hackathons, and prototypes alike.
Pantry is a free service that provides perishable data storage for small projects. Data is securely stored for as long as you and your users need it and is deleted after a period of inactivity. Simply use the restful API to post JSON objects and we'll take care of the rest.
🌑 Enable dark mode for Next.js apps. Theme your Next.js apps with a Dark Mode.
Draw attention to the important parts of your website.
How is this different from a Modal ? The black mask appears around existing elements on the page.
Remember the important things in your life.
Using the spaced time repetition techniques, you can permanently store information in your brain, instead of the cloud.
BlurHash is a compact representation of a placeholder for an image.
Related contents:
Responsive CSS motion paths!
A micro-library for scaling CSS motion path strings.
A modern, lightweight comparison slider
Compare before and after images, for grading, CGI and other retouching comparisons.
MixItUp is a high-performance, dependency-free library for animated DOM manipulation, giving you the power to filter, sort, add and remove DOM elements with beautiful animations.
MixItUp plays nice with your existing HTML and CSS, making it a great choice for responsive layouts and compatible with inline-flow, percentages, media queries, flexbox and more.
Notion-like editor with similar behaviour. Yopta-Editor - is an open source notion-like editor.
Quick.js is a lightweight JavaScript library aimed to help users to stop writing long, repetitive code.
The React library to build dashboards fast.
Tremor lets you create simple and modular components to build insightful dashboards in a breeze. Fully open-source, made by data scientists and software engineers with a sweet spot for design.
Startup is free Next.js template for startups and SaaS businesses comes with all the essential pages, components, and sections you need to launch a complete business website.
Startup free, open-source, and premium-quality startup website template for Next.js comes with everything you need to launch a startup, business, or SaaS website, including all essential sections, components, and pages.
If you're looking for a high-quality and visually appealing, feature-rich Next.js Template for your next startup, SaaS, or business website, this is the perfect choice and starting point for you!
GPU Accelerated JavaScript.
GPU.js is a JavaScript Acceleration library for GPGPU (General purpose computing on GPUs) in JavaScript for Web and Node. GPU.js automatically transpiles simple JavaScript functions into shader language and compiles them so they run on your GPU. In case a GPU is not available, the functions will still run in regular JavaScript.
A modern JavaScript utility library delivering modularity, performance & extras. Lodash makes JavaScript easier by taking the hassle out of working with arrays, numbers, objects, strings, etc.
Unified developer tools for JavaScript, TypeScript, and the web.
Rome unifies your development stack by combining the functionality of separate tools. Single configuration file, amazing performance, and works with any stack.
Run Third-Party Scripts From A Web Worker.
Partytown is a lazy-loaded library to help relocate resource intensive scripts into a web worker, and off of the main thread. Its goal is to help speed up sites by dedicating the main thread to your code, and offloading third-party scripts to a web worker.
Devenez et restez confiant en JavaScript. Devenez et restez confiant en JavaScript