JavaScript vanilla-js

Open-source JavaScript projects categorized as vanilla-js

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.

  • body-scroll-lock

    Body scroll locking that just works with everything 😏

    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: Pocketbase: Open-source back end in 1 file | news.ycombinator.com | 2024-01-06

    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/

  • formio

    A Form and Data Management Platform for Progressive Web Applications.

    Project mention: Anything you wish there was an open source solution for? | /r/selfhosted | 2023-05-16
  • formio.js

    JavaScript powered Forms with JSON Form Builder

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

    Project mention: A comprehensive guide to multi-timezone support in Django | dev.to | 2023-10-11

    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.

  • suneditor

    Pure javascript based WYSIWYG html editor, with no dependencies.

  • 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

    Project mention: Who here is developing extensions? | /r/webdev | 2023-06-11

    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.

  • jkanban

    Vanilla Javascript plugin for manage kanban boards

  • easytimer.js

    Easy to use Timer/Stopwatch/Countdown library compatible with AMD, ES6 and Typescript

  • surreal

    🗿 Mini jQuery alternative. Dependency-free animations. Locality of Behavior. Use one element or arrays transparently. Pairs with htmx. Vanilla querySelector() but better!

    Project mention: jQuery v4.0.0 Beta | news.ycombinator.com | 2024-02-06

    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.

  • spacers

    🔳 when you need more __space__. Quick margin/padding for your no-code tools.

  • projects

    Showcase All Your Projects 🛍️🎇 (by 2KAbhishek)

  • 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
  • sparticles

    JavaScript Particles in Canvas ~~ Fast, Lightweight, High Performance.

  • wc-toast

    Add notifications component to your javascript projects easily using wc-toast.

  • voronoi

    Parametric Voronoi generator with real time editing and SVG export (by WebSVG)

  • filosofunk

    Lindas frases para aquecer o seu coração

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

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 2024-02-06.

JavaScript vanilla-js related posts

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
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.
www.influxdata.com