Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality. Learn more →
Top 23 JavaScript vanilla-j Projects
-
vanilla-lazyload
LazyLoad is a lightweight, flexible script that speeds up your website by deferring the loading of your below-the-fold images, backgrounds, videos, iframes and scripts to when they will enter the viewport. Written in plain "vanilla" JavaScript, it leverages IntersectionObserver, supports responsive images and enables native lazy loading.
-
mixitup
A high-performance, dependency-free library for animated filtering, sorting, insertion, removal and more
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
Project mention: Next 13: how to disable scrolling on body when modal is open? | /r/nextjs | 2023-04-27
i built a modal system at work that uses this, except using https://github.com/willmcpo/body-scroll-lock to lock/unlock when a modal is displayed...you have to also limit scrolling on the html tag for full support across all devices
-
van
🍦 VanJS: World's smallest reactive UI framework. Incredibly Powerful, Insanely Small - Everyone can build a useful UI app in an hour.
Depends on what you consider minimal, but I enjoy working with PocketBase and VanJS[1]. However there is no component library built in (if this is what you were asking for).
[1]: https://vanjs.org/
-
Project mention: Anything you wish there was an open source solution for? | /r/selfhosted | 2023-05-16
-
-
tom-select
Tom Select is a lightweight (~16kb gzipped) hybrid of a textbox and select box. Forked from selectize.js to provide a framework agnostic autocomplete widget with native-feeling keyboard navigation. Useful for tagging, contact lists, etc.
Tip: If you're displaying a long list of timezones, consider using a select element with a search feature(e.g, tom-select) for a better user experience.
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
-
-
replace-jquery
Automatically finds jQuery methods from existing projects and generates vanilla js alternatives.
-
create-chrome-ext
🍺 Scaffolding your Chrome extension! Boilerplates: react \ vue \ svelte \ solid \ preact \ alpine \ lit \ stencil \ inferno \ vanilla
What specifically are you building? Is it a browser extension?? Typically, I begin the development of extensions by using boilerplate code. Recently, I've been using the create-chrome-ext tool to generate boilerplate code for extensions, including one called Netflix Hotkeys.
-
-
-
surreal
🗿 Mini jQuery alternative. Dependency-free animations. Locality of Behavior. Use one element or arrays transparently. Pairs with htmx. Vanilla querySelector() but better!
Love that this happened, but I've been waiting for 4.0 soooo long that I ended up making my own modern jQuery: https://github.com/gnat/surreal
key differences:
* Vanilla first. 1 file. Under 340 lines.
-
loading-attribute-polyfill
Fast and lightweight dependency-free vanilla JavaScript polyfill for native lazy loading / the awesome loading='lazy'-attribute.
-
lemonadejs
LemonadeJS is a 7KB reactive JavaScript micro-library offering two-way data binding. It is dependency-free, does not require transpiling, and works with webpack or directly in the browser.
-
fslightbox
An easy to use vanilla JavaScript plug-in without production dependencies for displaying images, videos, or, through custom sources, anything you want in a clean overlying box.
-
-
-
Swap
Swap.js is a JavaScript micro-library which facilitates AJAX-style navigation in web pages, in less than ~ 100 lines of code. (See "Why?" paragraph below) (by josephernest)
Project mention: Show HN: Swap.js – a JavaScript micro-framework (HTML fragments over the wire) | /r/patient_hackernews | 2023-05-20 -
-
-
-
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
JavaScript vanilla-js related posts
- VanJS App Builder: A GPT That Builds Web Apps with VanJS
- Cami.js - A No Build, Web Component Based UI Framework
- Show HN: Cami.js – A No Build, Web Component Based Reactive Framework
- Leaders Are Tool Builders: Why I Wrote My Own JavaScript UI Framework
- An Improved Unix Terminal – Demo App for VanJS
- VanJS: A 0.9kB Grab 'n Go Reactive UI Framework without React/JSX
- VanJS - World's smallest reactive UI framework, enabling you to build UI app within an hour, no tool required
-
A note from our sponsor - InfluxDB
www.influxdata.com | 28 Mar 2024
Index
What are some of the best open-source vanilla-j projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | vanilla-lazyload | 7,539 |
2 | mixitup | 4,500 |
3 | body-scroll-lock | 4,007 |
4 | van | 3,386 |
5 | formio | 1,938 |
6 | formio.js | 1,770 |
7 | tom-select | 1,415 |
8 | suneditor | 1,318 |
9 | replace-jquery | 1,157 |
10 | create-chrome-ext | 1,085 |
11 | jkanban | 1,036 |
12 | easytimer.js | 750 |
13 | surreal | 624 |
14 | loading-attribute-polyfill | 613 |
15 | lemonadejs | 358 |
16 | fslightbox | 323 |
17 | spacers | 275 |
18 | projects | 236 |
19 | Swap | 227 |
20 | sparticles | 223 |
21 | wc-toast | 149 |
22 | voronoi | 149 |
23 | filosofunk | 142 |