3094 Repositories
JavaScript html-css-javascript Libraries
A JavaScript library to apply light-dark theme in web pages with the help of css variables
Theme Changer The simplest JavaScript library to apply light - dark theme in your website. First Check Out One Example How to use Files index.html sty
Three.js boilerplate project configured with typescript, webpack and css/style loader, HTTPS local server, and a sample test codes !!
three.js-boilerplate Welcome, this is a three.js boilerplate project where you can clone it and start to work !!! Installed and Configured Items: Type
Single function to create, manage, compose variants, for any CSS-in-JS libraries.
Build-variants Single function to create, manage, compose variants, for any CSS-in-JS libraries. Motivation Before diving into the implementation deta
Clone of a To-Do List app I like.
📃 ️Dona Clone This project is a clone of Dona, which is a To-Do List application focused on design. I've always liked their design and decided to rec
👀 A Node.js event emitter works in the browser
observer-emit 👀 A Node.js event emitter works in the browser. Install using npm $ npm i observer-emit using yarn $ yarn add observer-emit using pnpm
This JavaScript class generates a placeholder image or default profile image as SVG or PNG
This JavaScript class generates a placeholder image or default profile image as SVG or PNG. You can use the following parameters in the constructor:
A web app to create tasks.
Tarefa A web app to create tasks. Explore the docs » View Demo · Report Bug · Request Feature Table of Contents About The Project Project Group Commun
This provides the channel of the anonymous ojosama salon for your server.
🫖 匿名希望お嬢様Bot 匿名希望お嬢様Botはojosamaを利用したお嬢様口調の匿名サロンを実現しますわ!! ⚠️ ワーニング 注意事項を必ずお読みいただき、同意した上でお使いください。 注意事項に違反した使い方は製作者の意図した使い方ではなく、発生した損害・法的責任は利用者が責任を追うものと
A typography stylesheet for readable content
yue.css yue.css is a typography stylesheet for readable content. It was created for my blog at first since I always designed a new theme for my blog.
History.js gracefully supports the HTML5 History/State APIs (pushState, replaceState, onPopState) in all browsers. Including continued support for data, titles, replaceState
History.js gracefully supports the HTML5 History/State APIs (pushState, replaceState, onPopState) in all browsers. Including continued support for data, titles, replaceState. Supports jQuery, MooTools and Prototype.
A querystring parser with nesting support
qs A querystring parsing and stringifying library with some added security. Lead Maintainer: Jordan Harband The qs module was originally created and m
UAParser.js - Detect Browser, Engine, OS, CPU, and Device type/model from User-Agent data. Supports browser & node.js environment.
UAParser.js JavaScript library to detect Browser, Engine, OS, CPU, and Device type/model from User-Agent data with relatively small footprint (~17KB m
Simple, smart and pleasant validation solution.
nice-validator Simple, smart and pleasant validation solution. Download the latest release or install package via npm or bower $ npm install nice-vali
The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more. Now with Bootstrap 5 support.
bootstrap-select The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more. Now with
Cross platform UI controls for progressive web and hybrid apps (plain JS, jQuery, Angular and React)
Mobiscroll What is Mobiscroll? Mobiscroll is a UI library for progressive webapps and hybrid development. Created with a lot of attention to usability
Highcharts JS, the JavaScript charting framework
Highcharts JS is a JavaScript charting library based on SVG, with fallbacks to VML and canvas for old browsers. Official website: www.highcharts.com D
Simple yet flexible JavaScript charting for designers & developers
Simple yet flexible JavaScript charting for designers & developers Documentation All the links point to the new version 3 of the lib. Introduction Get
D3 (or D3.js) is a JavaScript library for visualizing data using web standards
D3 (or D3.js) is a JavaScript library for visualizing data using web standards. D3 helps you bring data to life using SVG, Canvas and HTML. D3 combines powerful visualization and interaction techniques with a data-driven approach to DOM manipulation, giving you the full capabilities of modern browsers and the freedom to design the right visual interface for your data.
Interactive Javascript Chart for Data Visualziations
Forio Contour Interactive Javascript Chart for Data Visualziations Forio Contour provides a core set of common visualizations that you can see in the
Interactive, thoroughly customizable maps in the browser, powered by vector tiles and WebGL
Mapbox GL JS is a JavaScript library for interactive, customizable vector maps on the web. It takes map styles that conform to the Mapbox Style Specif
JavaScript SVG parser and renderer on Canvas
canvg JavaScript SVG parser and renderer on Canvas. It takes the URL to the SVG file or the text of the SVG file, parses it in JavaScript and renders
A compact JavaScript animation library with a GUI timeline for fast editing.
Timeline.js A compact JavaScript animation library with a GUI timeline for fast editing. Check it out in this example: http://vorg.github.io/timeline.
A dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more
Glide.js is a dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more What can co
JavaScript image gallery for mobile and desktop, modular, framework independent
PhotoSwipe v5 — JavaScript image gallery and lightbox Demo | Documentation Repo structure dist/ - main JS and CSS src/ - source JS and CSS. src/js/pho
imagesLoaded - JavaScript is all like "You images done yet or what?"
imagesLoaded JavaScript is all like "You images done yet or what?" imagesloaded.desandro.com Detect when images have been loaded.
Vanilla JavaScript plugin for lazyloading images
Lazy Load Remastered Lazy Load delays loading of images in long web pages. Images outside of viewport will not be loaded before user scrolls to them.
A small, lightweight JavaScript plugin for placing items in straight rows (jQuery and vanilla JS version) – Demo:
rowGrid.js rowGrid.js is a small, lightweight (~1000 bytes gzipped) jQuery plugin for placing images (or other items) in straight rows. The grid is si
A simple library to view large images up close using simple mouse interaction, and the full screen.
Intense Images A stand alone javascript library for viewing images on the full, full screen. Using the touch/mouse position for panning. Here's a demo
A functional library for watermarking images in the browser
A functional library for watermarking images in the browser. Written with ES6, and made available to current browsers via Babel. Supports urls, file inputs, blobs, and on-page images.
Jcrop - The Javascript Image Cropping Engine
Jcrop Image Cropping Plugin Jcrop is the quick and easy way to add image cropping functionality to your web application. It combines the ease-of-use o
Content aware image cropping
smartcrop.js Smartcrop.js implements an algorithm to find good crops for images. It can be used in the browser, in node or via a CLI. Image: https://w
CSS library for Instagram filters
CSSgram CSSGram is an Instagram filter library written in Sass and CSS. What is This? Simply put, CSSgram is a library for editing your images with In
Instagram.css - Complete set of Instagram filters in pure CSS
Instagram.css Instagram.css - Pure CSS Instagram filters. You can add all these Instagram-like filters to your photos with using CSS only. Thanks to t
A simple picture clipping plugin for vue
vue-cropper 一个优雅的图片裁剪插件 [ 查看演示 Demo ] [ README_english ] [ 更新日志 ] 一、安装使用 1. 安装 # npm 安装 npm install vue-cropper # yarn 安装 yarn add vue-cropper 如果你没有使用
A responsive image cropping tool for React
This documentation refers to v10. Go to 9.1.1 tag for v9 docs. React Image Crop An image cropping tool for React with no dependencies. CodeSanbox Demo
Renders HTML into the browser's canvas
rasterizeHTML.js Renders HTML into the browser's canvas. See the API. Install $ npm install rasterizehtml Then include a script tag with node_modules
Screenshots with JavaScript
html2canvas Homepage | Downloads | Questions JavaScript HTML renderer The script allows you to take "screenshots" of webpages or parts of it, directly
Generates an image from a DOM node using HTML5 canvas
DOM to Image What is it dom-to-image is a library which can turn arbitrary DOM node into a vector (SVG) or raster (PNG or JPEG) image, written in Java
Delightful, performance-focused pure css loading animations.
Loaders.css Delightful and performance-focused pure css loading animations. What is this? See the demo A collection of loading animations written enti
A native-like JavaScript pull to refresh implementation for the web.
Pull to Refresh for the Web 1.1 This is a pull to refresh implementation for the web. It focuses on buttery UX performance and responsiveness to feel
A lightweight script to animate scrolling to anchor links.
DEPRECATION NOTICE: Smooth Scroll is, without a doubt, my most popular and widely used plugin. But in the time since I created it, a CSS-only method f
pagePiling plugin by Alvaro Trigo. Create a scrolling pile of sections. http://alvarotrigo.com/pagePiling/
pagePiling.js Pile your sections one over another and access them scrolling or by URL! Live demo Creating hugeinc.com website with pagePiling.js Who i
专注于移动端的fullPage.js
zepto.fullpage 专注于移动端的fullPage.js。 功能概述 可实现移动端的单页滚动效果,可自定义参数,提供回调接口,和公开接口。 兼容性 Ios4+ Andriod2.3+(未全部覆盖) 快速上手 HTML div class="wp" div class="wp-
Simple wrapper for cross-browser usage of the JavaScript Fullscreen API
screenfull Simple wrapper for cross-browser usage of the JavaScript Fullscreen API, which lets you bring the page or any element into fullscreen. Smoo
📃 Fold up DOM elements like paper
OriDomi Fold up DOM elements like paper Dan Motzenbecker, MIT License @dcmotz Visit oridomi.com for examples, documentation and notes. Read the annota
jQuery CSS Customizable Scrollbar
jQuery Scrollbar Cross-browser CSS customizable scrollbar with advanced features: Easy to implement No fixed height or width Responsive design support
A lightweight cross browser javascript scrollbar.
tinyscrollbar ** HELP MAINTAINER NEEDED!! ** Environments in which to use tinyscrollbar Browser support differs between the jQuery plugin and the plai
The iconic SVG, font, and CSS toolkit
Version 6 Font Awesome is the Internet's icon library and toolkit, used by millions of designers, developers, and content creators. Documentation Lear
A curated collection of all country flags in SVG — plus the CSS for easier integration
flag-icons A curated collection of all country flags in SVG — plus the CSS for easier integration. See the demo. Install You can either download the w
Reveal CSS animation as you scroll down a page
WOW.js Reveal CSS animation as you scroll down a page. By default, you can use it to trigger animate.css animations. But you can easily change the set
CSS classes to move your DOM!
CSShake Some CSS classes to move your DOM! Live Demo Download Center You could download the complete csshake.css file or separated files for each shak
CSS3 Animations with special effects
🎩 magic CSS3 Animations with special effects. (→ 3.1 kB gzip) Demo Checkout the demo for the animations here Table of Contents Installation Getting S
A Simple jQuery Plugin for Animating Scroll
AnimateScroll A Simple jQuery Plugin for Animating the Scroll Demo can be seen at http://plugins.compzets.com/animatescroll What is it exactly? Animat
Sticker.js - A Javascript library that allows you to create a Sticker Effect.
Sticker.js A Javascript library that allows you to create a Sticker Effect. No dependencies Works in most of major browsers that support CSS 3 (IE10+)
Animate elements as they scroll into view.
Animate elements as they scroll into view. Introduction ScrollReveal is a JavaScript library for easily animating elements as they enter/leave the vie
A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on
A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.
iHover is a collection of hover effects using pure CSS, inspired by codrops article, powered by Sass.
Intro iHover is a collection of hover effects using pure CSS, inspired by this codrops article, powered by Sass. Demo: https://gudh.github.io/ihover/d
To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. Made with webpack, JavaScript ES6 , HTML 5 and CSS 3.
Microverse Webpack Javascript For the second Javascript milestone in building a todo website, set up a new repository and prepare it for development u
A JavaScript Library To Make Your Work Work Easier/Faster
Functionality.js About ✍️ This Is A JavaScript Library To Make Your Work Easier/Faster, You Can See Functionalty.js Website From Here Project Created
Web app for adding your daily tasks in todo list
Web app for adding your daily tasks in todo list. You can check task when your task is finished and it will be mark as finsih. Also you can delete and change description of tasks.
Refractor to use JavaScript classes and functionalities to build a booklist web application.
BOOKLIST-APP This is a personal project that aims at using JavaScript classes to build a medium-fidelity wireframe such that a user can add or remove
The aim of this project is to restructure the Awesome books app code by using ES6 syntax and organising the workspace using modules.
Awesome-Books-ES6 The aim of this project is to restructure the Awesome books app code by using ES6 syntax and organising the workspace using modules.
This is an example of a web app for adding books to your own library
This is an example of a web app for adding books to your own library. You can add or delete books. It will be saved on local storage, so when you refresh the page, the books will not be deleted.
A SPW (Single Page Website) that can track your favorite books on your browser! Made with ES6 modules,JavaScript, HTML 5 and CSS 3.
awesome-books It is a project for Microverse's JavaScript Module to be done using pair-programming. Desktop Version Mobile Version In this website you
Change import URLs in JavaScript code using import maps. e.g. `import * from "before"` to `import * from "after"`
esm-import-transformer Can transform any ESM source code import URLs using an import maps object. This package works in ES modules or in CJS. // Befor
Obsidian plugin: Type text shortcuts that expand into javascript generated text.
Obsidian Plugin - Text Expander JS (open beta) This Obsidian plugin allows the user to type text shortcuts that are replaced by (or "expanded into") j
🗳Nextjs app to create and share polls
Oh My Poll create and share polls privately or publicly -- its fast and free! Tech Stack Next.js TailwindCSS Prisma PlanetScale External Dependencies
JS bindings and playground of post-quantum asymmetric ciphers
pqc.js Overview This project provides JS bindings and playground of post-quantum asymmetric cipher compiled to WebAssembly using emscripten with a fal
Experimental tool inspired by Capsize, implemented in Solid JS. Generates x-height and cap-height CSS
Usage Those templates dependencies are maintained via pnpm via pnpm up -Lri. This is the reason you see a pnpm-lock.yaml. That being said, any package
JavaScript Online DWG/DXF Viewer
dwg-viewer-js A DWG viewer you can buy for $420 (US) I had originally made this for a software company but they cancelled at the last moment so if any
Web Application to Buy/Sell Scrap Items
nexscrap-classified Description : Web Application to Buy/Sell Scrap Items Requisite : Make sure you have Python3 and Pip installed in your System How
Making(Creating , Modifying , Deleting) Lists you have to do 😎 Built Only with Html, JavaScript, Css
To-Do_App Live Demo You Can See The Project Live On: Here Description A Simple To-Do App Mainly Written In Javascript The project structure is kinda l
It's a mini project where we can search GitHub users and it will display the user repo details
GitHub User Search It's a mini project where we can search github users and it will display the user repo details Want to see live preview » ✧ View De
📦 Alpine JS plugin to extend the functionality of the official $persist plugin
Alpine JS Persist Extended Alpine JS magic method $storage extends the official $persist plugin to help you work with local storage 📦 Example 👀 div
Sample project to demonstrate Playwright Test usage, pointing to ServeRest API and Front-end
demo-playwright-test This is a sample project to demonstrate Playwright Test usage, running tests against ServeRest API and Front-end. Pre-requisites
This is an example of Quantum physics congress.
This is an example of Quantum physics congress. This is an imaginary congress in which are shown 2 pages with information about the congress, about activities which will be held there and speakers who will speak about the topic
Add or remove your books from the website ES6 is used!!😉
Awsome Books with ES6 SYNTAX This is a website that allows users to dynamically add or remove books from a list. Built With HTML CSS JavaScript ES6 Li
This project, is about restructuring our Awesome books app code and make it more organized using modules and ES6 sintax. Built with HTML, CSS, JavaScript.
Awesome Books with ES6 This project, is about restructuring our Awesome books app code and make it more organized using modules and ES6 sintax. Built
Team-8 E-Commerce Project for egFWD & Sprints industry exposure program You can check the live demo Here
Team-8 E-Commerce Project Team-8 E-Commerce Project for egFWD & Sprints industry exposure program You can check the live demo Here Table of Contents P
Check how trackable you are based on your browser extensions.
Extension Fingerprints Check it out here: https://z0ccc.github.io/extension-fingerprints Chrome extensions can be detected by fetching their web acces
An npm package with Tailwind CSS utility classes for creating responsive grid columns without media queries using auto fit.
Grid Auto Fit for Tailwind CSS A plugin that helps you create a responsive grid layout in Tailwind CSS without using media queries. It uses the auto-f
Generate code from a text desciption.
programming-helper.com Getting Started Clone the repository and install dependencies git clone https://github.com/ezzcodeezzlife/programming-helper.co
Creating a Blog API, with full CRUD using NodeJS, Express, Mongoose, and MongoDB.
Blog API Blog API that uses CRUD to create, login users, delete and update blog posts. https://blog-api12.herokuapp.com/ Installation Make a new folde
A lightweight (~2kB) library to create range sliders that can capture a value or a range of values with one or two drag handles
range-slider-input A lightweight (~2kB) library to create range sliders that can capture a value or a range of values with one or two drag handles. Ex
Send Web-Vitals from Vercel to Axiom.
next-axiom Send Web-Vitals and logs from Next.js to Axiom. Get started Make sure you have the Axiom Vercel integration installed or export NEXT_PUBLIC
Team Empire offers an innovative and intuitive game based on puzzles solved by two players working in a team.
Team Empire offers an innovative and intuitive game based on puzzles solved by two players working in a team. The user can create an account to monitor their results and achievements. The whole idea of the product is to make the player think and develop his logical thinking.
Bertin.js is a JavaScript library for visualizing geospatial data and make thematic maps for the web.
Bertin.js is a JavaScript library for visualizing geospatial data and make thematic maps for the web. The project is under active development. Some of
front-end framework for fast and powerful configuration of utilities and intuitive UI
front-end framework for fast and powerful configuration of utilities and intuitive UI Getting Started with Vector → Getting started A variety of optio
Render (GitHub Flavoured with syntax highlighting) Markdown, and generate CSS for each of GitHub’s themes.
render-gfm Render (GitHub Flavoured with syntax highlighting) Markdown, and generate CSS for each of GitHub’s themes. GitHub Repository npm Package Do
Yet another linter rule to detect compatibility of CSS features.
stylelint-browser-compat Yet another linter rule to detect compatibility of CSS features. This plugin checks if the CSS you're using is supported by t
Render echarts in obsidian,Apache ECharts,An Open Source JavaScript Visualization Library
obsidian-echarts Render echarts in obsidian,Apache ECharts,An Open Source JavaScript Visualization Library
A documentation site for the Aries JavaScript ecosystem.
Aries JavaScript Documentation Getting started | Contributing | License Aries JavaScipt is an ecosystem of self-sovereign identity development tools,
A Stylis 4.x plugin that translates pixel units to rem units
stylis-px2rem-plugin A Stylis 4.x plugin that translates pixel units to rem units. Installation With npm $ npm install stylis-px2rem-plugin With yarn
INeedHelp is a Game Boy, Game Boy Advance, and Nintendo DS emulator written in JavaScript and TypeScript.
INeedHelp INeedHelp is a Game Boy Advance and Nintendo DS emulator written in JavaScript/TypeScript. FAQ Why is it called INeedHelp? You would need he
This is an example project to demonstrate how to use Nx, Next.js and Module Federation together.
Nextjs, Nx and Module Federation This is an example project to demonstrate how to use Nx, Next.js and Module Federation together. ⚠ This example depen
Ready-to-use Remix + Tailwind CSS routes and components.
remix-blocks What is RemixBlocks? Ready-to-use Remix + Tailwind CSS routes, and UI components, all blocks: Are full-stack routes. Are independent of e
🚀 A script to boost hours in Steam games.
Steam-HourBoost Where can I find the file to add my games? Follow the path below: /steam-hourboost/steam-boost/steam-games.json Where can I find app-i
This is a web application that enables users to add, edit and remove tasks they intend to perform. Built with JavaScript, HTML, and CSS.
TODO LIST It list everything that you have to do, with the most important tasks at the top of the list, and the least important tasks at the bottom. B
In this project I have build a To Do List app that you can list, add, delete and manage your daily tasks better. Build with HTML, CSS, JS, ES6, JSON
ToDo List This project is build by javascript web packages which can add and remove daily tasks. Built With Html Css Javascript Sublime Text Author 👤
A webpage where the user can search for different TV shows, comment them and like them.
TV Shows In this project we built a webpage where the user can search for different TV shows, comment them and like them. Video Built With Major langu