185 Repositories
JavaScript animation-fill-mode Libraries
Mimic tree-shaking behaviour when importing code from an entry file in development mode.
vite-plugin-entry-shaking Mimic tree-shaking behaviour when importing code from an entry file in development mode. Warning This plugin is experimental
Automated testing for single-page applications (SPAs). Small, portable, and easy to use. Click on things, fill in values, await for things exist, etc.
SPA Check Automated testing for single-page applications (SPAs). Small, portable, and easy to use. Click on things, fill in values, await for things e
The Neatness (js13kGames 2022)
The Neatness A walk through life, however thorough, Ends on a hill a bit too steep. Bear witness, not to strife and sorrow, – Bare neatness of eternal
The Awesome estate web application displays a list of apartments that were provided by local data. The users can check out the featured and recent apartments. Also, the user can click the house to get the details of the selected house.
Awesome Estate The Awesome estate web application displays a list of apartments that were provided by local data. The users can check out the featured
a JavaScript library that allows you to make a mouse interaction animation easily.
Cotton.JS is a JavaScript library that allows you to make a mouse interaction animation easily. Getting Started Download npm install cottonjs Manual
A flexible and extensible javascript library for letters animation simulations.
LetterLoading LetterLoading js is a javascript library for making awesome letter simulations. It default simulation is a letter loading simulation. Co
🎭 EmoteOnly mode on stream end.
Emote only bot What is this? Trolls are everywhere. They can try to get your channel banned at any moment. To counter this, we can enable emote mode w
Alpine.js wrapper for @formkit/auto-animate.
💫 Alpine AutoAnimate 💫 An Alpine.js wrapper for @formkit/auto-animate. 🚀 Installation CDN Include the following script tag in the head of your
The easiest way to animate your Next.js project. Scrollreveal.js helper package.
next-reveal The easiest way to animate your Next.js app Demo Introduction next-reveal makes it easy to add awesome scroll animations to your Next.js p
Small js library to animate some writing effect through a list of strings. It also supports settings for typo errors, to make it more human likely.
Write and Delete Small js library to animate some writing effect through a list of strings. It also supports settings for typo errors, to make it more
A lightweight JavaScript plugin for particle backgrounds.
ak-kaleidoscope ak-kaleidoscope is a lightweight JavaScript plugin for particle backgrounds. Demo See demo page. The examples code can be found in the
A table component for your Mantine data-rich applications, supporting asynchronous data loading, column sorting, custom cell data rendering, row context menus, dark theme, and more.
Mantine DataTable A "dark-theme aware" table component for your Mantine UI data-rich applications, featuring asynchronous data loading support, pagina
👌A useful zero-dependencies, less than 434 Bytes (gzipped), pure JavaScript & CSS solution for drop an annoying pop-ups confirming the submission of form in your web apps.
Throw out pop-ups confirming the submission of form! A useful zero-dependencies, less than 434 Bytes (gzipped), pure JavaScript & CSS solution for dro
Merge multiple JSON files - Vanilla JavaScript and HTML (graphic mode: browser+explorer)
JSON Merger Usage First, git clone project git clone https://github.com/mtacnet/json-merger.git Move to cloned repository and open generate.html with
A JavaScript library stores the form-data to the localstorage so you don't have to fill the form again.
form-storage A JavaScript library stores the form-data to the localstorage so you don't have to fill the form again. Installation via npm npm install
Add animation to your HTML5 pages, items and on text, using this JS Framework
animate.js is a tiny JavaScript library that provides a convenient way to apply Animate.css powered CSS animations to DOM elements without writing any
Motionity is a free and open source animation editor in the web
Motionity The web-based motion graphics editor for everyone 📽 Motionity is a free and open source animation editor in the web. It's a mix of After Ef
Marker animation jQuery plugin
jQuery Marker Animation Read this in other languages: English, 日本語. jQuery plugin to add under line animation like highlighter. Demonstration Table of
A very simple JavaScript library written in vanilla js for scrambling text.
Scrambling Text A very simple JavaScript library written in vanilla js for scrambling text. Demo Page Table of Contents Installation Examples Basic Ex
Full featured JavaScript image & video gallery. No dependencies
lightgallery.js Full featured JavaScript lightbox gallery. No dependencies. Important notice lightgallery.js has been merged with lightGallery. That m
Little Alpine.js plugin to add a typewriter effect to any HTML element.
⌨️ Alpine Typewriter ⌨️ An Alpine.js plugin to add a typewriter effect to any HTML element. 🚀 Installation CDN Include the following script tag in
Javascript library to animate images on hover.
Ripple Hover Effect Javascript library to animate images on hover. If this project help you, don't forget to star it. Codepen demo by Essam Abed Demo
A lightweight, efficient and easy-to-use Canvas library for building some cool particle effects.
JParticles · 中文 | English 官网：jparticles.js.org 特效列表 粒子运动 波纹运动 波纹进度条 雪花飘落 线条动画 介绍 JParticles（JavaScript Particles 的缩写）是一款基于 Canvas 的不依赖于其他库的轻量级 JavaScr
A tiny JavaScript library to enable CSS animations when user scrolls.
A tiny JavaScript library to enable CSS animations when user scrolls. This library allows you to toggle one or more classes on an element when it appe
Plain JavaScript version of jQuery's slideToggle(), slideDown(), & slideUp(), but does not use display: none.
dom-slider It works like jQuery's slideToggle(), slideDown(), & slideUp(), but does not use display: none. Uses CSS3 transitions and element.scrollHei
Simple and flexible, css only, content placeholder loading animation.
Placeholder loading Simple and flexible, css only, content placeholder loading animation. Demo https://zalog.github.io/placeholder-loading/ Take a loo
Motionia is a lightweight simplified on demand animation library
The Ultimate & smart JS animation library! Simple fast , flexible & easy to integrate. No need to write page long CSS Keyframes that consumes a lot of
Complete, flexible, extensible and easy to use page transition library for your static web.
We're looking for maintainers! Complete, flexible, extensible and easy to use page transition library for your static web. Here's what's new in v2. Ch
A jQuery plugin that works in harmony with animate.css in order to enable animations only when content comes into view.
jQuery AniView A jQuery plugin that works in harmony with animate.css in order to enable animations only when content comes into view. Now supports v4
Frame Animation Manager
Clockz.js (demo) Clockz is a Super-smooth Frame Animation manager to help you manage multiples animations in same time. Installation Just include this
Simple buttons you can use easily for your next project
Logo made by Harshit Sharma 💡 Simple buttons you can use easily for your next project. Contents Get started with sButtons Download CSS File CDN NPM U
CSS-based animations triggered by JS, defined in your stylesheet
Anim-x CSS-based animations triggered by JS, defined in your stylesheet. $ npm i https://github.com/LTBL-Studio/anim-x.git Quick start An animation is
A JavaScript animation plugin for menus. It creates a div that moves when you mouse over an element, giving it an elastic animation.
Lava-Lamp Description: A JavaScript animation plugin for menus. It creates a div that moves when you mouse over an element, giving it an elastic anima
Experiment with motion blur website scrolling
Motion Blur Scrolling demo I've created this demo to see if it's possible to achieve more 'smooth' motion experience of scrolling and any other moveme
Simple scroll based text reveal animation library.
Simple scroll based text reveal animation library. ⛰️ DEMO Getting Started Using packge manager NPM Install textify using npm: npm install textify.js
A plugin for obsidian to focus and highlight on a specific heading in Reading mode.
Focus and Highlight A plugin for obsidian to focus on a specific paragraph in Reading mode. Features Focus on a specific heading and its children when
Create scroll-based animation without JavaScript
Trigger JS Create scroll-based animation without JavaScript. Sometimes we want to update the CSS style of an HTML element based on the scroll position
Stylesheet and scripts for implementing dark mode with Bootstrap 4
Bootstrap Darkmode This project provides a stylesheet and two scripts that allow you to implement a dark theme on your website. It is initially loaded
Smooth scroll animation - vanilla JavaScript
Smooth Scroll Animation Using Vanilla JavaScript Provides smooth scroll functionality on clicking buttons with different eeasing properties. The "smoo
A pomodoro web app with features like always on top PIP mode!
Tomodoro A pomodoro web app with always on top mode! Features: Clean UI(Inspired from other pomodoro apps like Pomotroid) Themes Works Offline PIP/Alw
Label your form input like a boss with beautiful animation and without taking up space
#Label Better by Pete R. Label your form input like a boss with beautiful animation and without taking up space Created by Pete R., Founder of BucketL
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.
jQuery plugin for 'responsive cropping'. Dynamically crop images to fill available space without cutting out the image's subject. Great for full-screen images.
jQuery plugin for 'responsive cropping'. Dynamically crop images to fill available space without cutting out the image's subject. Great for full-screen images.
📃 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
🍎Transform an SVG icon into multiple themes, and generate React icons，Vue icons，svg icons
IconPark English | 简体中文 Introduction IconPark gives access to more than 2000 high-quality icons, and introduces an interface for customizing your icon
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
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
An Obsidian Plugin that allows to export tables from a pane in reading mode to CSV files.
Obsidian Plugin "Table to CSV Exporter" This is my very first attempt in writing a plugin for Obsidian. I didn't even know TypeScript before (but Java
Custom navigations for Solid written in Typescript. Implement custom page transition logic and ✨ animations ✨
solid-custom-navigation Get, Set, Go! Custom navigations for Solid, written in Typescript. Implement custom page transition logic and ✨ animations ✨ .
Automatically switch Terminal profile based on dark / light mode
auto-terminal-profile Automatically switch the macOS Terminal profile based on the system-wide dark / light appearance mode Prerequisites Node.js 14-1
Animation library build on top of web animation API (WAAPI)
unanime.js Javascript animation library build on top of web animation API (WAAPI). Learn more about WAAPI: Web animation API Documentation Blog Daniel
🌗 1 line of code to apply auto dark / light theme and support custom theme for your website. Super fast and lightweight theme library.
themes.js A super lightweight and fast Theme library with auto system color scheme detection in JavaScript. Features Auto detect Dark / Light mode by
Simple jest-easy is friendlier to monorepo mode support
jest-easy Simple jest-easy is friendlier to monorepo mode support Quickly pnpm add jest-easy jest add a command, the jest.config.js in the root direct
🗿 Surreal - Hyper minimalist jQuery alternative
🗿 Mini jQuery alternative for devs who 💙 ergonomics. Use direct elements or arrays transparently! Locality of behavior (LoB) using me()! It's vanilla querySelector but better!
chakra-radix-colors provides radix-ui color palettes, automatic dark mode, and acessible colors to chakra-ui applications
chakra-radix-colors chakra-radix-colors provides radix-ui color palettes, automatic dark mode, and acessible colors to chakra-ui applications. About C
A drop in replacement for Hacker News with support for dark mode and more.
Worker News A drop in replacement for Hacker News with support for dark mode, quotes in comments, user identicons and submission favicons. What's cool
A Flood-Fill Algorithm written in JavaScript
flood https://magnogen.net/flood A Flood-Fill Algorithm for Creative Coders This is the source code for a section of my website. You're welcome to sno
This project is an attempt at recreating the WebGL animation featured in the 2021 Linear release page.
Linear Vaporwave Three.js scene This project is an attempt at recreating the WebGL animation featured in the 2021 Linear release page. Demo Head over
Dynamic content filtering in org-mode exported HTML documents based on tags.
Dynamic tag filtering in org-mode exported HTML documents This JavaScript code adds dynamic tag filtering to HTML documents exported from Emacs Org-mo
Just some burds, jumpin' around in their own little world.
burds! 🐦 burds! is a weekend hack inspired by this fabulous tweet. It's a little web experiment with tiny animated birds jumping around their tiny li
ZaDark is an open source extension that helps you enable Dark Mode for Zalo on PC and Browser.
ZaDark – Zalo Dark Mode Table of Contents About Install Roadmap Contributing License Contact Awards Acknowledgments About ZaDark is an open source ext
A quick and easy to use security reconnaissance webapp tool, does OSINT, analysis and red-teaming in both passive and active mode. Written in nodeJS and Electron.
ᵔᴥᵔ RedJoust A quick and easy to use security reconnaissance webapp tool, does OSINT, analysis and red-teaming in both passive and active mode. Writte
Quick and easy spring animation. Works with other animation libraries (gsap, animejs, framer motion, motion one, @okikio/animate, etc...) or the Web Animation API (WAAPI).
spring-easing NPM | Github | Docs | Licence Quick and easy spring animations. Works with other animation libraries (gsap, animejs, @okikio/animate, mo
Expertly and easily export GreenSock (GSAP) animation to video.
gsap-video-export Expertly and easily export GreenSock (GSAP) animation to video. gsap-video-export is a simple tool for exporting your GreenSock (GSA
A plugin that provides utilities for animation property.
tailwindcss-animation-property A plugin that provides utilities for animation property. Not only does the plugin provide the usual animation propertie
A web tool for you to record your face and turn it into a 3D animation file.
Web Face Capture A free, open-source web tool for you to record your face and turn it into a 3D animation file. Go to the website Allow camera permisi
🌓 Add dark mode/night mode custom elements to your website.
dark-mode A custom element that allows you to easily put a Dark Mode 🌒 toggle. so you can initially adhere to your users' preferences according to pr
A fast and competitive game mode for alt:V.
Fuel Rats Concept All vehicles are spawned at the same time. A single canister and a goal are created during a round. During a round the canister must
Animation Academy teaches you CSS animations using the transition and animation properties.
Animation Academy Open Animation Academy Contents Background Built With Functionality Feature Highlights Wireframes Features In Development Backgrou
Easy Effect is a WYSIWYG Lottie animation editor, dedicated to helping you make dynamic effects easily.
Easy Effect 🖖 Introduction Easy Effect is a WYSIWYG animation editor based on Lottie. ✨ Feature 🌈 ease to use Anyone who want to create an animation
A little animation for a big menu where the letters of a word shuffle to become the first letter of each menu item.
Letter Shuffle Animation for a Menu A little animation for a big menu where the letters of a word shuffle to become the first letter of each menu item
This Is A Simple WhatsApp Bot Mode From *DhaniGans* Repo Hope you guys Will like it Repo Updates in Every Two Days
ＡＬＩＥＮ ＡＬＦＡ ＢＯＴ Contact Me: Scan QR Code For Session FORK THIS BEFORE PROCEEDING Use This Button To Fork Now THINGS TO CHANGE IN HEROKU 𝘾𝙃𝘼𝙉𝙂𝙀 𒆜
IPL Loader to load IPL's as soon as Player is in range. This also fixes, IPL's not showing on reconnect in debug mode.
ALT-V IPL-Loader IPL Loader to load IPL’s as soon as Player is in range of the IPL Coordinates. This also fixes, IPL’s not showing on reconnect in deb
A library for efficiently drawing to a texture in p5 WebGL mode
p5.Framebuffer A library for efficiently drawing to a texture in p5 WebGL mode. A Framebuffer is kind of like a p5.Graphics: it lets you draw to a can
A recreation of a startpage posted on Reddit without the source, so I rewrote it in Next.js + Tailwind for the open source community.
Startpage "Figma Balls" Rewrite Why Did I Make This I saw a startpage posted on the subreddit r/startpages that I thought looked nice, but when I look
Fill 100 squares game, made in JavaScript
Fill 100 Game Fill 100 squares game, made in JavaScript How it works The game needs a 10x10 square, but you can choose any size. Every cell is filled
ChelseaJS - a Javascript library for creative, generative Coding
ChelseaJS is a Javascript library for creative, generative Coding. It's simple and intuitive syntax makes it easy for everyone (including non-coders)
An animation library, built on the Web Animations API for the smallest filesize and the fastest performance
motion-signals A wrapper over Motion One, An animation library, built on the Web Animations API for the smallest filesize and the fastest performance.
MDN-Dark-Mode - Simple extension to add a dark mode with different themes to the MDN Web Docs website
MDN-Dark-Mode Information Chrome and Firefox extension that adds a dark mode wit
Lightweight Loading Animation
◼️ Features: 🛠 Easy to Use 🌠 Fast & Lightweight (0.5Kb) 💪 No dependencies, built with VanillaJS 🌎 Tested in all modern browsers ◼️ Demo: https://b
Utility to automatically fill foreign income section of 3-NDFL report based on tax report from Tinkoff broker
Заполнение дохода за пределами РФ в декларации 3-НДФЛ Disclaimer Автор не несет ответственности за корректное заполнение налоговой декларации. Вы запу
Toggle Dark-Mode manually on InStream.de
InStream.de Dark-Mode Umschalter Was es macht Dieses Add-On für Firefox fügt einen Button hinzu, mit dem man websites zwischen "Normal" und "Dark-Mode
This is an example application that provides a multi-stage Docker Discord Bot that runs in shards.
topggstatsupdater This is an example application that makes it possible to create a fully Docker supported Discord Bot that runs in shards. You can ru
A javascript library to generate animated wavy text!
Wavy Text Animation Library A JavaScript Library which allows you to animate infinite words in an infinite loop in a modern wavy way! Options Vanilla
Install the latest artifacts automatically and launch your server in a production ready mode with accessible convars.
Setup Edit the first three lines of the index.ts file to set your custom folder layout, follow the folder structure below for a example. const server_
here in this git repo you will get react js basic layout, having in responsive mode.
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
DoMe is a ToDo App. you can add, delete and reorder elements of the todo list using drag and drop. You can also toggle between dark&light mode
DO ME Todo App Live Preview : DO ME Built With : - ReactJS - TailwindCSS Make sure you have: - Git - Nodejs version 14 or higher (we recommend using
Force dark mode for all web pages.
Dark Mode [WIP] Force dark mode for all web pages. Instalation Enable Epiphany extension. Optional if not done. Download the latest release from the .
animate.css as a Tailwind plugin
tailwind-animatecss Use animate.css as a Tailwind 3 plugin. Demo – https://dumptyd.github.io/tailwind-animatecss Table of contents Installation Usage
Collection of Animated 60 FPS TabBar Component's based on React Navigation.
React Navigation TabBar Collection Collection of Animated 60 FPS TabBar Components based on React Navigation. Features 60 FPS Animation Beautiful TabB
Perfect SvelteKit dark mode in 2 lines of code. Support System preference and any other theme with no flashing
This library is a port of next-theme for SvelteKit. All credit goes to pacocoursey and all next-themes contributors While usable, this library is stil
Pure and simple virtual DOM library
Maquette Maquette is a Javascript utility which makes it easy to synchronize the DOM tree in the browser with your data. It uses a technique called 'V
jQuery plugin for color manipulation and animation support.
jQuery Color Supported jQuery versions: 1.8+ Browser Support jQuery Color 3.x supports the following browsers: Desktop: Chrome: (Current - 1) and Curr
A JavaScript Typing Animation Library
Live Demo | View All Demos | View Full Docs | mattboldt.com Typed.js is a library that types. Enter in any string, and watch it type at the speed you'
JavaScript library to make drawing animation on SVG
vivus.js Demo available on http://maxwellito.github.io/vivus Play with it on Vivus Instant Vivus is a lightweight JavaScript class (with no dependenci
A simple but powerful tweening / animation library for Javascript. Part of the CreateJS suite of libraries.
TweenJS TweenJS is a simple tweening library for use in Javascript. It was developed to integrate well with the EaselJS library, but is not dependent
Animate Plus is a JavaScript animation library focusing on performance and authoring flexibility
Animate Plus Animate Plus is a JavaScript animation library focusing on performance and authoring flexibility. It aims to deliver a steady 60 FPS and
Making Animation Simple
Just Animate 2 Making Animation Simple Main Features Animate a group of things as easily as a single thing Staggering and delays Chainable sequencing