javascript
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
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.