Add Auth, Databases, Functions, and Storage to your product and build any application at any scale while using your preferred coding languages and tools. 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.
Vanilla-lazyload :
-
mixitup
A high-performance, dependency-free library for animated filtering, sorting, insertion, removal and more
-
Appwrite
Appwrite - The open-source backend cloud platform. Add Auth, Databases, Functions, and Storage to your product and build any application at any scale while using your preferred coding languages and tools.
-
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.
Project mention: VanJS App Builder: A GPT That Builds Web Apps with VanJS | news.ycombinator.com | 2023-11-16 -
Project mention: Anything you wish there was an open source solution for? | /r/selfhosted | 2023-05-16
-
Project mention: Survey library recommendation with Admin side design and aggregation and Participant side rendering | /r/reactjs | 2022-12-16
Currently reading about SurveyJS and form.io, but seeing what other options there might be as well.
-
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.
-
Onboard AI
Learn any GitHub repo in 59 seconds. Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev.
-
Project mention: SunEditor – Pure javscript based WYSIWYG web editor, with no dependencies | news.ycombinator.com | 2023-01-26
-
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.
-
Project mention: Made a free website for practicing what's taught in Tobira: Gateway to Advanced Japanese | /r/LearnJapanese | 2022-12-16
Yup, I wrote the majority of the site's functionality using vanilla JS. I did use dragula for the drag and drop and easytimer for the timing though.
-
loading-attribute-polyfill
Fast and lightweight dependency-free vanilla JavaScript polyfill for native lazy loading / the awesome loading='lazy'-attribute.
-
surreal
🗿 Mini jQuery alternative. Dependency-free animations. Pairs with htmx. Locality of Behavior. Use one element or arrays transparently. Vanilla querySelector() but better!
Project mention: Show HN: Tiny jQuery alternative with inline Locality of Behavior | news.ycombinator.com | 2023-10-07 -
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.
-
cami.js
A minimalist & flexible toolkit for interactive islands & state management in hypermedia-driven web applications.
Preact requires a build step otherwise you don't get JSX and you have to build applications a la mithril.js mode:
> const app = h('h1', null, 'Hello World!');
With Web Components no build step is required and you're still able to build JSX'ish code. See the code below this section: https://github.com/kennyfrc/cami.js#key-concepts--api
-
-
-
-
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
Collect and Analyze Billions of Data Points in Real Time. Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge.
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
The latest post mention was on 2023-11-16.
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 - Appwrite
appwrite.io | 28 Nov 2023
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,450 |
| 2 | mixitup | 4,493 |
| 3 | body-scroll-lock | 3,976 |
| 4 | van | 2,596 |
| 5 | formio | 1,844 |
| 6 | formio.js | 1,702 |
| 7 | tom-select | 1,287 |
| 8 | suneditor | 1,265 |
| 9 | replace-jquery | 1,154 |
| 10 | jkanban | 1,001 |
| 11 | create-chrome-ext | 829 |
| 12 | easytimer.js | 733 |
| 13 | loading-attribute-polyfill | 611 |
| 14 | surreal | 478 |
| 15 | fslightbox | 316 |
| 16 | cami.js | 313 |
| 17 | spacers | 273 |
| 18 | projects | 225 |
| 19 | sparticles | 221 |
| 20 | Swap | 189 |
| 21 | wc-toast | 146 |
| 22 | voronoi | 144 |
| 23 | filosofunk | 139 |
Collect and Analyze Billions of Data Points in Real Time
Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge.
www.influxdata.com