Search Results for "vanilla"
Sort By:
Showing 59 open source projects for "vanilla"
View related business solutions-
$300 Free Credits to Build on Google CloudPut your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
-
Veeam Data Platform v13.1 - Get Your Free TrialTry Veeam Data Platform today. Experience the unified platform that's secure by design, portable by default, and proven to recover clean, fast, and anywhere.
-
1
Vanilla Framework
From community websites to web applications, this CSS framework
Backed by open-source code and written in Sass by the Canonical Web Team. Vanilla contains a responsive CSS grid, basic style for HTML elements and a selection of key useful patterns and utility classes that you can extend. Designed to be composable, you can include the whole framework to avail of all styles or you can use only what you need for your project. Anyone can contribute to Vanilla, improve it and extend it. -
2
simpleParallax.js
Simple and tiny JavaScript library that adds parallax animations
simpleParallax.js is a very simple and tiny Vanilla JS library that adds parallax animations on any image. Where it may be laborious to get results through other plugins, simpleParallax.js stands out for its ease and its visual rendering. The parallax effect is directly applied to image tags, there is no need to use background images. -
3
templUI
A growing collection of beautifully designed UI components for Go
...One of its defining principles is code ownership, meaning developers can either import components directly or copy them into their projects using a CLI, ensuring full control over customization and long-term maintenance. The library avoids JavaScript frameworks entirely, instead relying on lightweight, vanilla implementations that prioritize speed and simplicity. templUI also emphasizes security and compliance, with features such as CSP-friendly rendering and no inline scripts, making it suitable for enterprise environments. -
4
100 proyectos de JavaScript
100 JavaScript projects with code and videos for free
...The repository is tied to the website javascript100.dev, which presents the projects as a structured learning path so learners can progressively build their skills through practice.Each project lives in its own numbered folder (for example, 01-tinder-swipe), and the README explains how to run them via the VS Code Live Preview extension, making it easy for beginners to get them running without complex tooling. The projects cover a variety of small apps and UI experiments, such as swipe interactions, classic games, typing tests, and more, focusing on vanilla JavaScript with HTML and CSS to reinforce core skills. The contribution section invites the community to fork the repo, implement or improve projects, and open pull requests, turning the collection into a collaborative learning space. -
Ship Agents FasterGemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
-
5
Framework7
Full featured HTML framework for building iOS & Android apps
...Creating apps with Framework7 is easy as creating a website. Framework7 paired with extra tools like Electron and NW.js allows building native desktop apps. And in addition to vanilla JavaScript library, Framework7 comes with Vue.js, React and Svelte components to bring components-syntax, structured data and data bindings with power and simplicity of Vue.js, React or Svelte. -
6
TodoMVC
Helping you select an MV* framework
TodoMVC is a project that helps developers choose an MV* framework by providing a structured way of comparing JS libraries and frameworks. These days there are so many MV* frameworks developers can choose from to structure and organize JavaScript web apps. TodoMVC helps developers navigate through this sea of choices on the basis of actual project code, so they can choose which one matches them and their needs best. TodoMVC has been called the 'Speed-dating' and 'Rosetta Stone' of MV*... -
7
RapiDoc
RapiDoc - Custom-Element for OpenAPI Spec
Free of any frameworks, setups, configs, build steps or packaging. Can be used with any framework or just with vanilla javascript. Use It just like any other HTML Tag, Change its attribute using JavaScript and see it react to those changes. Basic knowledge of HTML is all that's required. Style it to your heart's content. Change font, logo, colors and theme. Inject external HTML or embed into another HTML document. Minimal dependencies, no runtime, and no virtual DOM ensure the lowest memory consumption, Just native and raw speed of the modern browsers. ... -
8
LemonadeJS
LemonadeJS is a 7KB reactive JavaScript micro-library
LemonadeJS is an ultra-lightweight, reactive JavaScript micro-library that makes building dynamic user interfaces simple and intuitive by providing two-way data binding and component reactivity without any external dependencies or build steps. At roughly 5–7 KB, it works directly in the browser or with bundlers like webpack, enabling developers to create reusable, reactive UI components using pure JavaScript, JSX, or TypeScript while avoiding heavy frameworks. Its core reactivity system... -
9
Hotkeys JS
A robust Javascript library for capturing keyboard input
hotkeys-js is a tiny, framework-agnostic library for binding keyboard shortcuts in the browser, from simple key presses to complex combos and sequences. It provides a declarative API to register handlers like ctrl+k, shift+alt+p, or g g, and it normalizes key behavior across major browsers. The library includes scoping, so the same shortcut can trigger different actions depending on page context, and it offers filters to ignore inputs when the user is typing in form fields. You can enable or... -
Go from Code to Production URL in SecondsSkip the Kubernetes configs. Cloud Run handles HTTPS, scaling, and infrastructure automatically. Two million requests free per month.
-
10
Jspreadsheet CE
Javascript plugin to create web-based tables & spreadsheets
Jspreadsheet CE is a lightweight Vanilla JavaScript data grid plugin to create amazing web-based interactive HTML tables, and spreadsheets compatible data grid with other spreadsheet software. You can create an online spreadsheet table from a JS array, JSON, CSV or XSLX files. You can copy from excel and paste straight to your Jspreadsheet CE spreadsheet and vice versa. -
11
Vanilla JS Projects
Course with Vanilla JS Projects
JavaScript Basic Projects is a collection of small applications for practicing browser programming with vanilla JavaScript. The repository contains 29 projects that progress from simple interface interactions to larger applications using external data. Early exercises cover counters, navigation bars, modals, tabs, menus, sliders, and countdown timers. Later examples introduce object-oriented programming, filtering, pagination, dark mode, and dynamic product interfaces. -
12
Neiki's Cookie Banner
Lightweight, dependency-free cookie consent banner (GDPR/ePrivacy compliant) in vanilla JS. Fully customizable and accessible.
Neiki's Cookie Banner is a lightweight, drop-in cookie consent solution for any website that needs to comply with GDPR, ePrivacy, and similar privacy regulations — without dragging in a heavy third-party SDK or tying your site to a paid SaaS. It is built from the ground up in vanilla JavaScript with zero dependencies, so it works on any stack — from a static HTML page to a WordPress theme, Laravel app, Next.js site, or anything in between. Drop in one file and you have a fully functional, accessible, themeable consent banner in under a minute. -
13
OpenSparrow
Advanced Data Management Platform | PHP + vanilla JS + Postgres!
OpenSparrow is a professional PHP + PostgreSQL platform with a vanilla JS frontend. It transforms JSON structures into powerful business apps with user permissions. Advanced Data Grid Inline editing, error validation, status coloring, global search, and CSV export. Nested Relations Support for "Drilldown" views to display nested data and sub-tables inside a record view. Visual Admin Panel Configure schemas, form layouts, columns, and relations via GUI without writing code. ... -
14
Bauhaus File Card
A component with interactive border made using vanilla html/css/js
Check it out at https://codepen.io/Northstrix/pen/WbeggyX -
15
Neiki's Gallery
Vanilla JavaScript image gallery & lightbox
Neiki's Gallery is a lightweight, production-ready image gallery and lightbox library built with vanilla JavaScript and CSS. It requires no dependencies and can be integrated with a single <script> tag, with automatic initialization out of the box. It provides a highly customizable experience for modern web projects, combining performance, flexibility, and rich UI interactions. Designed for both developers and end users, it supports responsive layouts, advanced lightbox features, touch and keyboard navigation, lazy loading, and seamless media handling including images and video. ... -
16
Vanilla Web Projects
Mini projects built with HTML5, CSS & JavaScript
vanillawebprojects is a collection of small, hands-on web apps built with only HTML, CSS, and plain JavaScript to teach core front-end skills without frameworks. Each project targets a concrete concept—DOM manipulation, events, localStorage, fetch, form validation, audio/video APIs, and more—so learners see ideas applied in working code. The codebases are intentionally compact and readable, making them easy to clone, tweak, and extend. Projects progress from beginner-friendly to moderately... -
17
Neiki's Code Editor
Lightweight embeddable code editor Web Component with syntax highlight
Neiki's Code Editor is a lightweight embeddable code editor built as a native Web Component using vanilla JavaScript. It runs without dependencies or build tools and can be dropped into any website via a single script tag. The editor provides a modern development experience with syntax highlighting, themes, line numbers, search, auto-indentation, and fullscreen support. Designed for flexibility and performance, it uses Shadow DOM for style isolation and supports multiple languages including JavaScript, HTML, CSS, JSON, and Markdown. ... -
18
CrossBrowdy
JavaScript framework to build game engines, games, emulators and apps
CrossBrowdy is a free and open-source JavaScript framework that allows to create multimedia apps, emulators, game engines and games that will be compatible with any device. Any software developed with CrossBrowdy should be able to be used in any JavaScript compatible web client (including browser plug-in, add-on, extension, app...) which supports "document.getElementById". This framework allows any developer to manage easier many different things, such as audio (with Flash fallback,... -
19
Neiki's Page Editor
Visual HTML page editor that renders real HTML and CSS
Neiki's Page Editor is a lightweight visual page and CMS editor built with pure JavaScript and zero dependencies. It transforms any container into a complete editing environment with accurate HTML and CSS rendering inside an isolated iframe, ensuring pages look exactly as they will in a real browser. The editor includes a modern toolbar, source code view, image and table editing, drag-and-drop tools, autosave, fullscreen mode, localization, and five built-in themes. It supports full HTML... -
20
ehandwriting
Groundbreaking JS plug&play writes real handwriting on your web page.
New and totally free handwriting software can write what you want, where you want, when you want on your web page in real time. The software is Vanilla JS only - no frameworks, CSS, images, svg, or video used or required. It's totally pure JS. It's for commercial, social media, and educational use. Creative web developers and designers have a new simple to use tool. The text on a web page usually has a few key words - the creative web developer will consider having one or more of them written dynamically in real time. ... -
21
LazyLoad
LazyLoad is a lightweight, flexible script that speeds up your website
...LazyLoad is a lightweight (2.4 kB) and flexible script that speeds up your web application by deferring the loading of your below-the-fold images, animated SVGs, videos and iframes to when they will enter the viewport. It’s written in plain “vanilla” JavaScript, it leverages the IntersectionObserver API, it supports responsive images, it optimizes your website for slower connections, and can enable native lazy loading. To display content images on your pages, always use the img tag. This would benefit the SEO and the accessibility of your website. To understand if your images are content or background, ask yourself: “would my website user like to see those images when printing out the page?”. ... -
22
Basic Table
Basic Table jQuery or Vanilla JS plugin for simple responsive tables
A simple lightweight jQuery or Vanilla JS responsive table library. A library to set up tables for a basic responsive table structure. This is to assist in those situations where the users don't necessarily have access or capacity to modify HTML such as input from a WYSIWYG. -
23
vanilla-tilt.js
A smooth 3D tilt javascript library
A smooth 3D tilt javascript library forked from Tilt.js (jQuery version). -
24
Atropos
Stunning touch-friendly 3D parallax hover effects
Atropos is a lightweight, open-source JavaScript library designed to add visually striking 3D parallax and hover effects to webpage elements — giving a sense of depth and interactivity when users hover or touch elements (cards, images, UI components). It works not only with vanilla JavaScript, but also provides integrations or support for modern frameworks (React, Vue, Web Components, etc.), making it easy to incorporate into a variety of web projects. Because Atropos is very small (just ~2 KB minified + gzipped) and has zero dependencies, it's ideal for performance-conscious applications and does not bloat bundle size. ... -
25
LostGrid
LostGrid is a powerful grid system built in PostCSS
Lost Grid is a powerful grid system built in PostCSS that works with any preprocessor and even vanilla CSS. LostGrid makes use of calc() to create stunning grids based on fractions you define without having to pass a lot of options. LostGrid relies on calc() to create the grid. Thus, LostGrid is limited to browsers that support calc(). The great thing is that calc() is widely supported in all current browsers and the LostGrid usage of calc() is supported as far back as IE9+.
