JavaScript vanilla-js

Open-source JavaScript projects categorized as vanilla-js | Edit details

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.

    Project mention: Native lazy-loading - Why doesn't the video element have it? | | 2022-03-28

    Google recommends using a lazy loading library such vanilla-lazyload, or you can write your own JavaScript code.

  • mixitup

    A high-performance, dependency-free library for animated filtering, sorting, insertion, removal and more

    Project mention: Internal Website Search Feature | | 2021-12-12

    But I digress again, if you'd rather finish this thing right now I think google or someone else here might be a better help than I as I haven't built custom platform-agnostic search in about 5 years so I'm not sure what's out there besides Bloodhound (the last thing I used to make custom search). If you can boil it down to a more filter-style search where the user can pick from some fixed number of topics, then something like Mixitup or Quicksand is pretty cool. But it sounds like you need something less rigid than that. Whatever you set up is very likely gonna take some custom work and probably a decent amount of JavaScript know-how.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • body-scroll-lock

    Body scroll locking that just works with everything 😏

  • formio

    A Form and Data Management Platform for Progressive Web Applications.

    Project mention: Looking for Opensource Form Builder/Designer with validation and dynamic DOM functionality | | 2022-04-30
  • formio.js

    JavaScript powered Forms with JSON Form Builder

    Project mention: How to create a form that can be expanded by the user with additional input boxes? | | 2021-08-02
  • replace-jquery

    Automatically finds jQuery methods from existing projects and generates vanilla js alternatives.

    Project mention: jQuery to VanillaJs | | 2021-11-18

    This might be worth checking out:

  • SunEditor

    Pure javascript based WYSIWYG html editor, with no dependencies.

    Project mention: NPM Package For WYSIWYG Text Editor? | | 2021-09-17

    suneditor-react (but it is easy to add the original SunEditor too)

  • SonarQube

    Static code analysis for 29 languages.. Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.

  • jkanban

    Vanilla Javascript plugin for manage kanban boards

    Project mention: How to create a Kanban (Trello style) view of your ModelAdmin data in Wagtail | | 2021-08-06

    # from wagtail.contrib.modeladmin.views import IndexView class KanbanView(IndexView): def get_kanban_data(self, context): return [ { "id": "column-id-%s" % index, "item": [ {"id": "item-id-%s" % obj["pk"], "title": obj["title"],} for index, obj in enumerate( [ {"pk": index + 1, "title": "%s Item 1" % column}, {"pk": index + 2, "title": "%s Item 2" % column}, {"pk": index + 3, "title": "%s Item 3" % column}, ] ) ], "title": column, } for index, column in enumerate(["column a", "column b", "column c"]) ] def get_context_data(self, **kwargs): context = super().get_context_data(**kwargs) # replace object_list in context as we do not want it to be paginated context["object_list"] = self.queryset # see: context["kanban_options"] = { "addItemButton": False, "boards": self.get_kanban_data(context), "dragBoards": False, "dragItems": False, } return context

  • loading-attribute-polyfill

    Fast and lightweight dependency-free vanilla JavaScript polyfill for native lazy loading / the awesome loading='lazy'-attribute.

  • svelte-toast

    Simple elegant toast notifications

    Project mention: toasts, two options | | 2022-03-01

    went through all libs and code pieces I found and would go for either fully-featured with an ok-ish bundle-size or which is just a few lines (just a custom store and some lean markup).

  • spacers

    🔳 when you need more __space__ for your no-code tools.

    Project mention: Hacker News top posts: Jul 10, 2021 | | 2021-07-10

    Show HN: SpacersJS – My first JavaScript Library for no-code tools\ (0 comments)

  • sparticles

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

  • filosofunk

    Lindas frases para aquecer o seu coração

    Project mention: Guia e recursos open source para participar do Hacktoberfest 2021 | | 2021-10-19


  • 1255-burgomaster

    :european_castle: Little town (travian) game w/ RPG mechanics. Playable. WIP

    Project mention: 1255: Rise of Teutonics is released today! (Kinda) | | 2021-12-30

    The game is also available in sources (GPLv3) , with the only assets are being copyrighted by me.

  • MiniBar

    A lightweight scrollbar library written in vanilla javascript.

  • JSTable

    a lightweight, dependency-free JavaScript plugin which makes a HTML table interactive

    Project mention: No data in table? Looking for lesson in AJAX/asynchronous JS | | 2022-04-23
  • wc-toast

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

    Project mention: wc-toast • use toast notifications anywhere you like | | 2021-12-25

    💾 Repository:

  • event-driven-web-components-realworld-example-app

    Exemplary real world application built with Vanilla JS Web Components in an Event Driven Architecture

    Project mention: Build an Event Driven TodoMVC App with 8 lightweight VanillaJS Web Components | | 2021-07-03

    Note about Browser compatibility: This example uses the attribute "is", which is not yet supported by IOS. It is possible to simply avoid this problem by wrapping elements with web components. As can be seen at our Real World Example.

  • kind-stranger

    [NEW] Minimalistic React + Redux Mobile Reddit Viewer

    Project mention: How can I increase my chances to get a junior frontend position? | | 2022-04-11 and the source code:

  • seeso-sample-web

    SeeSo(Eye-Tracking SDK) Sample vanillaJS script.

    Project mention: Webcam and browser eyetracking libraries? | | 2021-07-29

    see here :

  • vanillafocus

    The plain JS focuspoint plugin without jQuery dependency. Inspired by jQuery FocusPoint, salted with some extra CSS.

  • ElementsJS

    A lightweight DOM Manipulation library for VanillaJS

  • Fresh-Find-Frontend

    Helping farmers stay organized!

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 2022-04-30.

JavaScript vanilla-js related posts


What are some of the best open-source vanilla-j projects in JavaScript? This list will help you:

Project Stars
1 vanilla-lazyload 6,816
2 mixitup 4,451
3 body-scroll-lock 3,610
4 formio 1,530
5 formio.js 1,363
6 replace-jquery 1,114
7 SunEditor 893
8 jkanban 834
9 loading-attribute-polyfill 535
10 svelte-toast 318
11 spacers 212
12 sparticles 124
13 filosofunk 112
14 1255-burgomaster 57
15 MiniBar 54
16 JSTable 52
17 wc-toast 47
18 event-driven-web-components-realworld-example-app 45
19 kind-stranger 13
20 seeso-sample-web 5
21 vanillafocus 5
22 ElementsJS 4
23 Fresh-Find-Frontend 2
Find remote jobs at our new job board There are 7 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Less time debugging, more time building
Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.