JavaScript Vanilla

Open-source JavaScript projects categorized as Vanilla | Edit details

Top 15 JavaScript Vanilla Projects

  • Dragula

    :ok_hand: Drag and drop so simple it hurts

    Project mention: Best way to update element position (drag & drop) | reddit.com/r/reactjs | 2022-01-26

    You can take a look at how others like dragular implemented the drag & drop function .. https://github.com/bevacqua/dragula

  • filepond

    🌊 A flexible and fun JavaScript file upload library

    Project mention: Can't get Django to work with FilePond for some reason | reddit.com/r/django | 2022-02-22

    I've had this problem for a while. I'm using filepond on the frontend for uploading files, and I've followed their setup documentation, but I cannot for the life of me get it to work. I'm using django-drf-filepond as the backend for my FilePond uploads, but I keep getting `Bad Request: /uploads/process/` errors. My FilePond configuration is

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

  • Choo

    :steam_locomotive::train: - sturdy 4kb frontend framework

    Project mention: Discovered a 63kb tiddlywiki like self saving HTML+JS wiki and its looking cool | news.ycombinator.com | 2022-05-22

    I'm currently working on a way to extend the code by revealing the underlying [Choo](https://choo.io) framework to enable easier hacking! Search is one feature that theoretically won't be too hard to add, but I excluded it from the core because it would have made it too big.

    Note: I have no solid reference point for what "too big" actually means for this project—my only guideline so far has been "as small as possible"

  • rome

    :calendar: Customizable date (and time) picker. Opt-in UI, no jQuery!

    Project mention: Modern, faster alternatives to ESLint | dev.to | 2022-05-03

    Rome is much more than a linter, it is a combination of several tools under one library, and therefore, Rome provides way more functionalities and features than ESLint. Rome is still in development, although the parsing and code formatting features have been released and are available through npm. In summary, its aims are lofty, and with time it could be a significant disruptor to tooling in the JavaScript ecosystem.

  • goober

    🥜 goober, a less than 1KB 🎉 css-in-js alternative with a familiar API

    Project mention: A new paradigm | dev.to | 2022-02-20

    Then, there's goober, a minimalistic framework-agnostic css-in-js component library. You'll probably find more examples of modern yet frugal tools and libraries.

  • vanilla-todo

    A case study on viable techniques for vanilla web development. (by morris)

    Project mention: Show HN: 7GUIs in Vanilla HTML, CSS, JavaScript | news.ycombinator.com | 2021-09-20

    A few years back I stumbled into something a bit more complex, still done in pure js, just for the hell of it: https://github.com/morris/vanilla-todo

    And then wrote my own version, with code a lot closer to modern react, with undo/redo and other niceties - https://github.com/ivank/vanilla-teuxdeux

    And what I leaned is that is astonishingly easy to write code that would be understandable to people coming from the redux crowd. Maybe that’s because redux is just such a simple concept in and off itself - a glorified switch on a big object. And it’s also quite easy to hack a simple version of vdom to make it all work.

    What’s missing from all those vanilla js efforts though turned out to be testability. There is a ton of code in the modern js world just to allow you to mock/test your components, and thats for me the real tragedy of vanilla js.

    I have no idea why W3C crowd have not invested into standardizing js tests in all these years…

  • GDLauncher

    GDLauncher is a simple, yet powerful Minecraft custom launcher with a strong focus on the user experience

    Project mention: What mods would I need to use to replicate the lunar client experience but with fabric? | reddit.com/r/Minecraft | 2022-05-17

    If you want a mod launcher to launch with all these mods, I'd recommend GDLauncher or PolyMC. If you are using the vanilla launcher, Mod Manager is great.

  • Scout APM

    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.

  • jkanban

    Vanilla Javascript plugin for manage kanban boards

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

    # views.py 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: https://github.com/riktar/jkanban#var-kanban--new-jkanbanoptions context["kanban_options"] = { "addItemButton": False, "boards": self.get_kanban_data(context), "dragBoards": False, "dragItems": False, } return context

  • mcscript

    A programming language for Minecraft Vanilla

    Project mention: Command block programming language idea? | reddit.com/r/MinecraftCommands | 2022-02-01

    But other than that, you might be interested in the fact that there are multiple such command compilers out there already. Some more advanced than others, but you might be interested in them: Smelt, CPM, commandstudio, etc. Also, I see you're still thinking with commandblocks. May I interest you in datapacks? They are a lot more advanced, performant and streamlined than commandblocks, and there are compilers for that, too! Like mcpy, mcscript, emcl and many more!

  • tobii

    An accessible, open-source lightbox with no dependencies

    Project mention: Show HN: Tobii – An accessible, open-source lightbox with no dependencies | news.ycombinator.com | 2021-07-02
  • sparticles

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

  • eMarket

    eMarket Online Store. It is a free online store engine. Make the best online shop with us. Join our Open Source community. Together we will make the best free e-commerce solution.

    Project mention: Open Source eMarket Online Store v1.0 beta 3 | reddit.com/r/programming | 2021-10-25
  • EasyScrollDots

    Single page scroll JavaScript plugin that allows for vertical navigation of page sections

  • create-html-boilerplate

    Generate a vanilla HTML/CSS boilerplate in a flash! ⚡

  • minity

    Minity is a scripting language for Vanilla Minecraft

    Project mention: Throwable Teleporter for Minecraft - Switch between two locations at will | reddit.com/r/MinecraftCommands | 2021-11-06

    This is an example data pack included with Minity, a scripting language for Vanilla Minecraft. Here's the source code of the example.

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-05-22.

JavaScript Vanilla related posts

Index

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

Project Stars
1 Dragula 21,177
2 filepond 12,471
3 Choo 6,671
4 rome 2,908
5 goober 2,531
6 vanilla-todo 981
7 GDLauncher 852
8 jkanban 836
9 mcscript 165
10 tobii 131
11 sparticles 124
12 eMarket 52
13 EasyScrollDots 36
14 create-html-boilerplate 29
15 minity 10
Find remote jobs at our new job board 99remotejobs.com. There are 7 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Deliver Cleaner and Safer Code - Right in Your IDE of Choice!
SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.
www.sonarlint.org