JeremyLikness / Vanillajs Deck
Licence: mit
A Vanilla.js Single Page App (SPA) slide deck for a presentation about Vanilla.js written with no frameworks.
Stars: ✭ 119
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Vanillajs Deck
Bs Custom File Input
A little plugin for Bootstrap 4 custom file input
Stars: ✭ 162 (+36.13%)
Mutual labels: vanilla-js, vanilla-javascript, vanillajs
Vanilla Ui Router
Simple vanilla JavaScript router
Stars: ✭ 42 (-64.71%)
Mutual labels: vanilla-js, vanilla-javascript, vanillajs
bs-breakpoints
A plugin which detect Bootstrap 4 breakpoints and emit when there is a change
Stars: ✭ 22 (-81.51%)
Mutual labels: vanilla-javascript, vanilla-js, vanillajs
Bs Stepper
A stepper for Bootstrap 4.x
Stars: ✭ 261 (+119.33%)
Mutual labels: vanilla-js, vanilla-javascript, vanillajs
tensorflowjs-remove-background
Remove Background from the picture using WebAssembly & TensorFlow.js
Stars: ✭ 79 (-33.61%)
Mutual labels: vanilla-javascript, vanilla-js, vanillajs
vanillajs-hello
Start a VanillaJS website using WebPack in just 30 seconds: HTML,CSS,Babel,SASS,Bootstrap,Prettier,Gitpod
Stars: ✭ 24 (-79.83%)
Mutual labels: vanilla-javascript, vanilla-js, vanillajs
Learn Vanilla Js
Open source list of paid & free resources to learn vanilla JavaScript
Stars: ✭ 945 (+694.12%)
Mutual labels: vanilla-js, vanilla-javascript, vanillajs
Html5sortable
VanillaJS sortable lists and grids using native HTML5 drag and drop API.
Stars: ✭ 1,384 (+1063.03%)
Mutual labels: vanilla-javascript, vanillajs
Darkmode Js
DarkModeJS helps you to auto detect user's time and switch theme to darkside
Stars: ✭ 328 (+175.63%)
Mutual labels: vanilla-js, vanilla-javascript
Rallax.js
Dead simple parallax scrolling.
Stars: ✭ 1,441 (+1110.92%)
Mutual labels: vanilla-js, vanilla-javascript
pAppwords
Vanilla JS plug-in with zero configuration integrate with HaveIBeenPwned API v2
Stars: ✭ 21 (-82.35%)
Mutual labels: vanilla-javascript, vanilla-js
Bunny
BunnyJS - Lightweight native (vanilla) JavaScript (JS) and ECMAScript 6 (ES6) browser library, package of small stand-alone components without dependencies: FormData, upload, image preview, HTML5 validation, Autocomplete, Dropdown, Calendar, Datepicker, Ajax, Datatable, Pagination, URL, Template engine, Element positioning, smooth scrolling, routing, inversion of control and more. Simple syntax and architecture. Next generation jQuery and front-end framework. Documentation and examples available.
Stars: ✭ 473 (+297.48%)
Mutual labels: vanilla-js, vanilla-javascript
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.
Stars: ✭ 6,596 (+5442.86%)
Mutual labels: vanilla-js, vanilla-javascript
Vanilla Datatables
A lightweight, dependency-free javascript HTML table plugin
Stars: ✭ 314 (+163.87%)
Mutual labels: vanilla-js, vanilla-javascript
Selectr
A lightweight, vanilla javascript select box replacement. No dependencies.
Stars: ✭ 293 (+146.22%)
Mutual labels: vanilla-js, vanilla-javascript
Moovie.js
Movie focused HTML5 Player
Stars: ✭ 293 (+146.22%)
Mutual labels: vanilla-javascript, vanillajs
Vanillajs Spa
a simple SPA in vanilla js
Stars: ✭ 265 (+122.69%)
Mutual labels: vanilla-js, vanilla-javascript
Vanilla Semantic Ui
Semantic UI component framework without jQuery
Stars: ✭ 97 (-18.49%)
Mutual labels: vanilla-js, vanilla-javascript
Fine Uploader
Multiple file upload plugin with image previews, drag and drop, progress bars. S3 and Azure support, image scaling, form support, chunking, resume, pause, and tons of other features.
Stars: ✭ 8,158 (+6755.46%)
Mutual labels: vanilla-js, vanilla-javascript
Router.js
Router.js is a simple and powerful javascript library to handle routing
Stars: ✭ 107 (-10.08%)
Mutual labels: vanilla-js, vanilla-javascript
Vanilla.js Deck
A Vanilla.js Single Page App (SPA) slide deck for a presentation about Vanilla.js. Yes, this is inception! No builds (unless you count the included Docker image) and no frameworks, just pure JavaScript for a SPA application that features:
- Routing (yes, you can bookmark/return to a slide)
- Transitions
- Reusable components
- Data-binding
There is a full walkthrough of the code available here:
📄 Build a Single Page Application (SPA) app with Vanilla.js JavaScript
Getting Started
Optionally fork then clone the repo:
git clone https://github.com/JeremyLikness/vanillajs-deck.git
Spin up your favorite web server and point it to the root directory. There are no builds involved.
One simple approach is to use Node.js and http-server:
npm i -g http-server
cd vanillajs-deck
http-server .
Navigate to one of the URLs with index.html as the path.
Docker setup
If you prefer, you can build a Docker image and run the presentation from there.
cd vanillajs-deck
docker build -t vanillajs-deck .
docker run --rm -d -p 8080:80 vanillajs-deck
Navigate to http://localhost:8080/index.html to start the show.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].