243 Repositories
JavaScript animation-play-state Libraries
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
Social media platform that hosts community-driven challenges where everyone can play and compete
Komo A social media platform that hosts community-driven challenges where everyone can play and compete. How To Install Komo TBA Preview Home Screen A
boredle - a small script to play Wordle anywhere on the web
boredle - a small script to play Wordle anywhere on the web How it works The script pulls all 5 letter words from any webpage and uses them for a game
Tiny and powerful state management library.
BitAboutState Tiny and powerful React state management library. 100% Idiomatic React. Install npm install --save @bit-about/state Features 100% Idioma
Create a performant distributed context state by synergyzing atomar context pieces and composing reusable state logic.
Synergies Create a performant distributed context state by synergyzing atomar context pieces and composing reusable state logic. synergies is a tiny (
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
Landing Page for Villagers.finance Play To Earn WEB3 Game, NFT Based.
create-svelte Everything you need to build a Svelte project, powered by create-svelte. Creating a project If you're seeing this, you've probably alrea
An event-driven architecture wrapper for Wechaty that applies the CQS principle by using separate Query and Command messages to retrieve and modify the bot state, respectively.
CQRS Wechaty An event-driven architecture wrapper for Wechaty that applies the CQS principle by using separate Query and Command messages to retrieve
A tiny package for JavaScript Web App's state management based on RxJS & Immer
A tiny package for JavaScript Web App's state management based on RxJS & Immer
A helper to use immer as Solid.js Signal to drive state
Solid Immer A helper to use immer as Solid.js Signal to drive state. Installation $ npm install solid-immer Usage Use createImmerSignal to create a im
State based input library for the browser
Inp State based input library for the browser
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.
Beat Akamai Technologies' State of the Art Antibot 2.0
Akamai Bot Manager 2.0 If you want to talk join https://discord.gg/amBFR6G2PM Feel free to contact me @lulu_fr_ on Twitter, open an issue or start a d
Edvora App is a web application based on an external API, showing data about different types of products and the user can filter these data by choosing a specific state, city or product name. Build with React.js
Edvora App is a web application based on an external API, showing data about different types of products and the user can filter these data by choosing a specific state, city or product name. Build with React.js
An attempt to create the simplest demo to describe a Consumer-Driven Contract Testing workflow with Pact
Let's Play with Pact Abstract This is an attempt to create the simplest demo to describe a Consumer-Driven Contract Testing workflow with Pact. Prereq
Lightweight Loading Animation
โผ๏ธ Features: ๐ Easy to Use ๐ Fast & Lightweight (0.5Kb) ๐ช No dependencies, built with VanillaJS ๐ Tested in all modern browsers โผ๏ธ Demo: https://b
It is a discord bot bot which can play lofi song in different language 24/7. It has premium system and cool embed looks with buttons. It can play youtube songs, playlists. This bot code was made by Supreme#2401. It uses djs V12
Lofi-Radio-Music-Bot It is a discord bot bot which can play lofi song in different language 24/7. It has premium system and cool embed looks with butt
Agile Planning tool for cool team, free, no setup, just come and play.
Voting Poker is an Agile Planning Tool for cool teams We're looking to create a fully customizable Zero config Pretty design tool for teams in demand.
Optimistic state updates using @nrwl/angular#optimisticUpdate
NxOptimisticState Quickstart: $ npm ci $ npx nx serve ou-ui This simple project was created as a PoC to show comparison of two different approaches to
Small (0.5 Kb) react hook for getting media breakpoints state info in runtime
tiny-use-media Small (0.5 Kb) react hook for getting media breakpoints state info in runtime Usage npm i tiny-use-media --save Adn in your react code
React Native's Global Alert Component that can be fully customized and without the need of a state.
๐ฉ React Native Easy Alert React Native Easy Alert Component. Watch on youtube Easy Alert example app. React Native's Global Alert Component that can
๐ค NODE.TS - Play a welcome sound every time someone joins the voice channel, meme bot. (Olha ele ae)
welcome2voice-bot ๐ค NODE.TS - Play a welcome sound every time someone joins the voice channel. ๐ค INVITE-ME ๐ค Installation Clone project git clone g
A service worker that buffers a full video, so when the video tag ask for ranges, these can be satisfied. Play + pause = buffer the whole video.
Full Video Buffer with Service Workers The specification of the preload attribute on a Video element won't allow you to fully buffer a video. This rep
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
๐ฎ tiny robust state management
๐ฎ snapstate tiny robust state management ๐ฆ npm install @chasemoskal/snapstate ๐๏ธ watch for changes to properties ๐ต๏ธ track only the properties you
GameApp is a web application that allow users to play nostalgic games such as minesweeper, flappybird, and space invasions.
GameApp is currently being developed. GameApp is a web application that allow users to play nostalgic games such as minesweeper, flappybird, and space
Iโm a very useful music bot that can make you play a music with a simple command! I have a lot of good commands that you can have a better experience playing your favorites songs!
Iโm a very useful music bot that can make you play a music with a simple command! I have a lot of good commands that you can have a better experience playing your favorites songs!
Redux Remote is a high level networking library for Redux.
Redux Remote Redux Remote is a high level networking library for Redux. It runs Redux on both client and server, maintaining the same state. It allows
WORDLEBOARD prototype: Show your Wordle game on a Vestaboard as you play.
WORDLEBOARD prototype Show your Wordle game on a Vestaboard as you play. Copyright (c) 2022, Scott Schiller. MIT license. Made with love and fun in mi
An event emitter that allows you to manage your global state
Thor Event Emitter Event emitter to manage your state. An event emitter that allows you to manage your global state. Instead of using global giant obj
A tiny, reactive JavaScript library for structured state and tabular data.
A JavaScript library for structured state. Using plain old JavaScript objects to manage data gets old very quickly. It's error-prone, tricky to track
๐ช๐ฝ Form creation made easy, backed by state machines
Elderform Form handling without tears and predictable form state based on defined parameters. Elderform gives you everything you need to create robust
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
Whoosh - minimalistic React state manager
Whoosh - minimalistic React state manager Whoosh is a React state manager which entire API consists of exactly one function - createShared(). TL;DR ve
Zoltan is a polyphonic music synthesizer that you can play in your browser.
Zoltan Zoltan is a polyphonic browser-based synthesizer written in TypeScript using React. The project is currently in the early alpha stages, so expe
AppRun is a JavaScript library for developing high-performance and reliable web applications using the elm inspired architecture, events and components.
AppRun AppRun is a JavaScript library for building reliable, high-performance web applications using the Elm-inspired architecture, events, and compon
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
Animator Core is the runtime and rendering engine for Haiku Animator and the components you create with Animator
Animator Core is the runtime and rendering engine for Haiku Animator and the components you create with Animator. This engine is a dependency for any Haiku Animator components that are run on the web.
Lightweight JavaScript (ES6) tweening engine
Lightweight JavaScript (ES6) tweening library. EXAMPLES Examples collection DOCUMENTATION Purpose Install With npm Or fetch from CDN Basic usage Modul
Cubic-bezier implementation for your JavaScript animation easings โ MIT License
BezierEasing provides Cubic Bezier Curve easing which generalizes easing functions (ease-in, ease-out, ease-in-out, ...any other custom curve) exactly like in CSS Transitions.
Tiny Javascript tweening engine.
Weeee.js Tiny Javascript tweening engine. Homepage Usage Step 1: npm install --save weeee.js Step 2: import Weeee from 'weeee.js'; const example = ne
Simple & lightweight (4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll.
lax.js Simple & lightweight (4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll. DEMO What's new w
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
๐ Performance focused, lightweight scroll animation library ๐
Sal Performance focused, lightweight (less than 2.8 kb) scroll animation library, written in vanilla JavaScript. No dependencies! Sal (Scroll Animatio
Javascript library for typing animation
typebot Javascript library for typing animation Usage: include script src="typebot.js"/script And in js new typebot(element,speed,delay,text,blink
A JavaScript API for drawing unconventional text effects on the web.
A JavaScript API for drawing unconventional text effects on the web. Home โ Help Overview When applying effects to text on the web, designers have tra
Reusable way to create smooth tab highlights.
useTabs Reusable way to create smooth tab highlights. Installation Install my-project with npm npm install @olivieralexander/usetabs Usage/Examples
Discord bot made in javascript to play youtube music.
DJS O DJS รฉ um bot para Discord com a capacidade da criar playlists personalizadas, tendo como fonte a biblioteca de mรบsicas do Youtube. Frameworks e
Todo App is a single page application for listing tasks
Todo App is a single page application for listing tasks. These tasks that are stored in the local storage can be marked as completed, edited and deleted. It is built using React, Bootstrap and CSS.
Solid.js library adding a services layer for global shared state.
Solid Services Services are "global" objects useful for features that require shared state or persistent connections. Example uses of services might i
โฌโฌ๐จ๐ฉ๐ฉ๐จโฌโฌ Reminds and keeps track of those that play wordle.
๐ Discord Wordle Reminder Bot Tired of always trying to remember to play the new Wordle? We were too. Introducing Discord Wordle Reminder Bot! ๐ A o
A react and framer motion app to play some quizzes !
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya
Toggle the state of a UI element to easily create components e.g. collapse, accordion, tabs, dropdown, dialog/modal.
Tiny UI Toggle Toggle the state of a UI element to easily create components e.g. collapse, accordion, tabs, dropdown, dialog/modal. Demo and documenta
Slide-element - A ~700 byte Promise-based library for animating elements with dynamic heights open & closed. Basically, a modern variant of jQuery's slideUp(), slideDown(), and slideToggle().
slide-element A tiny, accessible, Promise-based, jQuery-reminiscent library for sliding elements with dynamic heights open & closed. To see it in acti
Diagram-maker - A library to display an interactive editor for any graph-like data.
Diagram Maker Diagram Maker is a library to display an interactive editor for any graph-like data. Following is a screenshot from one of the consumers
Slickscroll - A Lightweight JavaScript library for quick and painless momentum & parallax scrolling effects.
Slickscroll is a JavaScript library that makes momentum & parallax scrolling quick and painless View Demo: slickscroll.musabhassan.com Momentum Scroll
TypeWriter - Create easily a TypeWriter effect for your website
TypeWriter Create easily a TypeWriter effect for your website Written by Luuk Walstra Discord: Luuk#8524 Github: https://github.com/Luuk-Dev Replit: h
Twitter-Clone-Nextjs - Twitter Clone Built With React JS, Next JS, Recoil for State Management and Firebase as Backend
Twitter Clone This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn de
This hook allows you to isolate and manage the state within the component, reducing rendering operations and keeping the source code concise.
React Hook Component State This hook allows you to isolate and manage the state within the component, reducing rendering operations and keeping the so
experimental project for babel-plugin-mutable-react-state
Goalist Mutable React Example This example is an attempt to work with babel-plugin-mutable-react-state on a simpler project to see how complicated wou
Real state property listing app using next.js , chakra.ui, SCSS
This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://
Pure CSS (no JavaScript) implementation of Android Material design "ripple" animation
Pure CSS (no JavaScript) implementation of Android Material design "ripple" animation
I made countdown birthday and fireworks animation using HTML Canvas, CSS, JS. The fireworks animation gonna come out once the countdown is finished or in other words, "Birthday Time".
Countdown-Birthday-Fireworks-Animation I made countdown birthday and fireworks animation using HTML Canvas, CSS, JS. The fireworks animation gonna com
Algorithm visualizer made with React, Material UI and P5JS.
Made with React, P5JS and Material UI. Link https://andresrodriguez55.github.io/algorithmsVisualizer/#/ Description The purpose of doing this was to l
Theatre.js is an animation library for high-fidelity motion graphics.
Theatre.js is an animation library for high-fidelity motion graphics. It is designed to help you express detailed animation, enabling you to create intricate movement, and convey nuance.
A state management library for React, heavily inspired by vuex
Vuex - But for React! โ If you know vuex, you know it's as close as we get to a perfect state management library. What if we could do this in the reac
A daily print-and-play roguelike adventure you can play offline.
Chronicles of Stampadia A print-and-play roguelike with a new adventure every day! Play today's adventure | Read the manual | Learn how to play | Disc
Prefetch and sync state to client with one line of code, out-of-the-box
vue3-SSR-starter Prefetch and sync state to client with one line of code, out-of-the-box Features vue3 SSR vue-router we don't need vuex anymore one l
This is a particle animation art piece using threejs.
3d-particle-mofing โ DEMO Usage Clone repository Install Node.js Create an .env file and copy the contents of .env-sample. Run following commands np
A shopping mobile application made with react native for Android.
Shop App Description This project is a simplified implementation of a shopping system, the project aims to provide the basic features that are expecte
Play your favorite playlist with rexom
rexom ๐ถ Play your favorite playlist with rexom ๐ถ ๐ Requirements. Make Your own discord bot from here make sure you have Git, VS Code, nodejs in yur
An experimental inline-to-menu-link animation based on a concept by Matthew Hall.
Inline to Menu Link Animation An experimental inline-to-menu-link animation based on a concept by Matthew Hall. Article on Codrops Demo Installation I
A library to add a virtual Trackball to your DOM
Trackball.js - 3D Trackballs for your Website Trackball.js is a small JavaScript library on top of Quaternion.js to enable free 3D rotation of element
Play bad apple in Node.js
Bad Apple Nodejs Play Bad Apple in console with Nodejs! Requirements and Installation You can either git clone or download the repository as a zip. Se
Play games or watch YouTube videos together on Discord !
Discord Together ๐ฉ Installation Install discord-together $ npm install discord-together@latest Install discord.js $ npm install discord.js ๐ Featu
Native wrapper for Xbox Cloud Gaming (xbox.com/play) made with Electron
Xbox Cloud Gaming wrapper Simple native Electron wrapper for Xbox Cloud Gaming (xbox.com/play) Features Windows / Mac (intel/Apple Silicon) / Linux(?)
Node.js Application Configuration
Configure your Node.js Applications release notes Introduction Node-config organizes hierarchical configurations for your app deployments. It lets you
Watch youtube, play poker and many others games together!
THE GAMES ARE FROM DISCORD STOP MESSAGING ME ABOUT IT! Powercord Together A plugin that makes easy to watch youtube, play poker and many others games
A light wight javascript image viewing plugin with smooth animation and 0 dependence
A light wight javascript image viewing plugin with smooth animation and 0 dependence
Animatelo is a bunch of cool, fun, and cross-browser animations for you to use in your projects. This is a porting to Web Animation API of the fabulous animate.css project.
Animatelo Just-add-water Web Animations Animatelo is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emp
The Illusion of Life: An SVG Animation Case Study
svgAnimation.js is a Snap.svg plugin used to create complex animations from simple SVGs svgAnimation takes the complexity out of creating Snap.svg ani
Lightweight, simple to use jQuery plugin to animate SVG paths
jQuery DrawSVG This plugin uses the jQuery built-in animation engine to transition the stroke on every path inside the selected svg element, using
Lazy Line Painter - A Modern JS library for SVG path animation
Lazy Line Painter lazylinepainter.info A Modern JS library for SVG path animation Getting Started | Documentation | Examples | Lazy Line Composer Gett
An experimental SVG letter animation inspired by the Dribbble shot ["Shading Letters in Illustrator"](https://dribbble.com/shots/2943049-Shading-Letters-in-Illustrator) by Jake Bartlett's. Powered by Julian Garnier's [anime.js](http://anime-js.com/).
Fancy SVG Letter Animation An experimental SVG letter animation inspired by the Dribbble shot "Shading Letters in Illustrator" by Jake Bartlett's. Pow
circle-svg-animation
Circle SVG Animation Plug css, js and just add short code in your html. Change the custom attribute data-percent and data-time for setting your percen
Javascript and SVG odometer effect library with motion blur
SVG library for transitioning numbers with motion blur JavaScript odometer or slot machine effect library for smoothly transitioning numbers with moti
CSS loading animations with minimal effort!
Whirl CSS loading animations with minimal effort! whirl is a curation of CSS loading animations(whirls! ๐ ). It started as a drop in CSS file to get
A little library that can be used for bursting particles effects on buttons and other elements
Particle Effects for Buttons Bursting particles effects for buttons. By Luis Manuel. Article on Codrops Demo Credits anime.js Basic usage The Particle
Pure CSS (no JavaScript) implementation of Android Material design "ripple" animation
Pure CSS ripple effect (no JavaScript) CSS-only implementation of Android Material design "ripple" animation on click event Main advantage of this sol
A set of buttons with a magnetic interaction and a hover effect.
Magnetic Buttons A small set of magnetic buttons with some fun hover animations. Inspired by the button animation seen on Cuberto. Article on Codrops
The incredible effect of rain of letters in the style of the Matrix trilogy.
O Efeito Matrix O incrรญvel efeito da chuva de letras no estilo da trilogia Matrix. "Cedo ou tarde, vocรช vai aprender, assim como eu aprendi, que exist