53 Repositories
JavaScript animated-cursor Libraries
CPUSim is an open-source web-based animated x64 CPU simulator for educational purposes. Provided as a folder for easy distribution and without installation on the Google Chrome Browser. Powered by Unicorn.js, Capstone.js, Quasar and NASM.
CPUSim - A Graphical CPU Simulator CPUSim is an open-source web-based animated x64 CPU simulator for educational purposes. Provided as a folder for ea
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 JavaScript library to shuffle the text content of a DOM element with an animated effect.
shuffle-letters.js A JavaScript library to shuffle the text content of a DOM element with an animated effect. NOTE: This library is a port to vanilla
This is a simple javascript file that gives you control over the browser cursor, alowing for fully animated cursors using CSS's cursor functionality.
animatedWebCursors.js This is a simple javascript file that gives you control over the browser cursor, alowing for fully animated cursors using CSS's
VanillaJS implementation of an animated rising / falling number.
number-rollup Demo https://marknorrapscm.github.io/number-rollup/ Features Smooth rising / falling number animations with easing options VanillaJS Zer
Berlin subway map, animated
Ubähnchen ubähnchen.vercel.app An animated live map of the Berlin U-Bahn. How it works Planned mode Schedules are extracted from the GTFS data of the
Animated Counter with Vanilla JavaScript
animated-counter [EN] Animated Counter with Vanilla JavaScript For this project, I used loop...of, but the funcionality still exactly the same See mor
It's a tiny freeware library on TypeScript to sinhronize page scrolling and navigation meny-bar.
Scroll progress (dual-side-scroll) v1.2.3 Assignment This tiny plugin is designed to show the progress of the page scrolling interactively. There are
An animated and accessible command menu
kmenu 🌈 Animated and accessible cmdk interface Demo · NPM · Product Hunt · StackBlitz · CodeSandbox 🚀 Quickstart Having trouble? Unsure of something
Replace your Spotify album artwork with an animated version.
Spotify Animated Album Artwork Replace your Spotify album artwork with an animated version. preview.mp4 Install My english is broken, please bear with
Automatically scrolls the element when the cursor approaches the boundaries.
react-tiny-autoscroll Automatically scrolls the element when the cursor approaches the boundaries. Demo Mostly helpful when used in combination with d
A generative engine that takes various png layers on a sprite sheet format, combines them and then converts them into a .gif file
Welcome to the Generative Animated Engine v3.0.1 🐤 [8 minute read] This repo used to be called jalagar/Generative_Gif_Engine but because it now suppo
TS & JS Library for adaptive precision cursor for the web. Releases will come out soon! Meanwhile, check out the demo site:
Haha, cool cursor go brrrr... Table of Content What is this? Installation & Setup Installation Setup Usage Cursor controls Element settings Known issu
💬 cursor chat à la Figma for digital co-existing + presence
cursor-chat 💬 lightweight (31.8kB) cursor chat à la Figma for digital co-existing + presence As a warning, this library is for experimental purposes
Replaces native cursor with custom animated cursor.
Animated Cursor A pure JS library to replace native cursor with a custom animated cursor. Check out the Demo Contents 📌 Features 🎯 Quickstart 🧬 Opt
A powerful javascript library to create amazing and smooth effects for the mouse cursor on your website.
Cuberto Mouse Follower A powerful javascript library to create amazing and smooth effects for the mouse cursor on your website. Dependencies GSAP v3 (
An experimental hover effect, where a content preview is shown while a mini map indicates the position of the cursor.
Hover Preview Effect with Mini Map An experimental hover effect, where a content preview is shown while a mini map indicates the position of the curso
Animated FlatList component that supports entering, exiting and reordering animations.
react-native-flatlist-animated Animated FlatList component that supports entering, exiting and reordering animations. Installation npm i react-native-
Highly customizable, animated, responsive, and dependency-free Evolution Graph implementation
Highly customizable, animated, responsive, and dependency-free Evolution Graph implementation. The package is built with Vanilla JavaScript and is used to create flexible data visualizations and present evolution relationships between entities.
Animated sprite hook for react-three-fiber
use-animated-sprite Animated sprite hook for react-three-fiber Dependencies npm install @react-three/drei @react-three/fiber react three Installation
Animated Select Component (React)
Spring Chain We built a custom select component with a menu with animations and beautiful gradients and a glassy style, is called "Spring Chain" becau
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
A react component helps bring Figma's Cursor Chat to your web applications in less than 3 minutes, making real-time collaboration anywhere
@yomo/react-cursor-chat 🧬 Introduction A react component helps bring Figma's Cursor Chat to your web applications in less than 3 minutes, making real
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
Vue-cursor-fx - 🖱 An animated custom cursor effects for interactive elements like navigation - w/ VueJS - SSR Compatible
🎉 Vue Cursor Fx An animated custom cursor effects for interactive elements like navigation - w/ VueJS - SSR Compatible Installation This package is a
simple JavaScript library to animate texts
Animated Texts Hi, this library is a simple javascript text animator Properties force type: number default: 300 start_delay_time type: number default:
A react native cached, animated, and auto chooses the best-resolution image for the current screen.
A react native cached, animated and auto chooses the best-resolution image for the current screen. This is a simple react native image component that
Planets fact site with animated solar system built with ReactJS.
Frontend Mentor - Planets fact site Table of contents Overview Intro The challenge Links My process Built with Features Setup Useful resources Overvie
Demo of the tutorial on how to craft a fullscreen SVG crosshair mouse cursor with a special distortion effect on hover.
Crosshair Mouse Cursor Distortion Demo of the tutorial on how to craft a fullscreen SVG crosshair mouse cursor with a special distortion effect on hov
Animated Discord Status For Call of Duty Cold War Modders.
Coldwar Modder Status Animate your custom status for advertising your Coldwar Modded Lobbies. DISCLAIMER I am not responsible for any bans resulting i
Animated images that are superficially attractive and entertaining but intellectually undemanding. Cool as all hell though!
MMM-EyeCandy Animated images that are superficially attractive and entertaining but intellectually undemanding. Add some EyeCandy to your mirror. Some
Create cool animated SVG spinners, loaders and other looped animations in seconds
SVG Circus SVG Circus enables you to create cool animated SVG spinners, loaders and other looped animations in seconds. Developing To run a local SVG
fakeLoader.js is a lightweight jQuery plugin that helps you create an animated spinner with a fullscreen loading mask to simulate the page preloading effect.
What is fakeLoader.js fakeLoader.js is a lightweight jQuery plugin that helps you create an animated spinner with a fullscreen loading mask to simulat
Loading effects for assets including some built in animated reveals
Asset loading effects This is a library to show the loading progress of given assets and reveal them using various animations. Please give feedback, r
Animated haze distortion effect for images and text, with WebGL.
Animated Heat Distortion Effects with WebGL A tutorial on how to use fragment shaders in WebGL to create an animated heat haze distortion effect on im
Pure CSS animated 3D Super Mario Icon
Pure CSS Super Mario This is the transferred source of a little sideproject I did in 2010. I initially did this without any CSS preprocessor and event
3D (animated) cube using only CSS (Less), originally used by LeanCloud (aka. AVOS Cloud)
cube.less 3D (animated) cube using only CSS (LESS). Demo See this demo page. There's also a live production site (WIP) using these cubes. Install $ bo
magneticHover lets you trigger hover effect on the element when the cursor is near it, but not over it yet
magneticHover magneticHover lets you trigger hover effect on the element when the cursor is near it, but not over it yet. Examples https://codesandbox
:tada: Add a cute click effect to your mouse in your vuepress!
vuepress-plugin-cursor-effects 🎉 Add a cute click effect to your mouse in your vuepress! Document: moefy-vuepress LiveDemo: notev Install yarn add vu
A mouse particle effect react component
react-mouse-particles A mouse particle effect react component A very fun react library that can be used to create mouse particle effects, which are as
A collection of loading spinners animated with CSS
Single Element CSS Spinners This is a collection of loading spinners animated with CSS. Each spinner consists of a single div with a class of loader a
A collection of loading indicators animated with CSS
SpinKit Simple loading spinners animated with CSS. See demo. SpinKit only uses (transform and opacity) CSS animations to create smooth and easily cust
jQuery plugin to fire events when user's cursor aims at particular dropdown menu items. For making responsive mega dropdowns like Amazon's.
jQuery-menu-aim menu-aim is a jQuery plugin for dropdown menus that can differentiate between a user trying hover over a dropdown item vs trying to na
A high-performance, dependency-free library for animated filtering, sorting, insertion, removal and more
MixItUp 3 MixItUp is a high-performance, dependency-free library for animated DOM manipulation, giving you the power to filter, sort, add and remove D
fakeLoader.js is a lightweight jQuery plugin that helps you create an animated spinner with a fullscreen loading mask to simulate the page preloading effect.
What is fakeLoader.js fakeLoader.js is a lightweight jQuery plugin that helps you create an animated spinner with a fullscreen loading mask to simulat
A simple and easy jQuery plugin for CSS animated page transitions.
Animsition A simple and easy jQuery plugin for CSS animated page transitions. Demo & Installation http://git.blivesta.com/animsition/ Development Inst
An intro page with a full width background image, a bold animated menu and an iOS-like blurred effect behind the navigation
Full Page Intro & Navigation An intro page, focused around a full width background image and a bold animated menu. And, for browsers that support it,
tsParticles - Easily create highly customizable particles animations and use them as animated backgrounds for your website. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno.
tsParticles - TypeScript Particles A lightweight TypeScript library for creating particles. Dependency free (*) and browser ready! Particles.js conver
tsParticles - Easily create highly customizable particles animations and use them as animated backgrounds for your website. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno.
tsParticles - TypeScript Particles A lightweight TypeScript library for creating particles. Dependency free (*) and browser ready! Particles.js conver
A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️
A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list Examples available here: http://claude
Data visualization library for depicting quantities as animated liquid blobs
liquidity.js A data visualization library for depicting quantities as animated liquid blobs. For a demonstration of what the final product can look li
Minimalistic, animated SVG gauge. Zero dependencies
SVG Gauge Minmalistic, configurable, animated SVG gauge. Zero dependencies Buy me a coffee ☕ If you like my work please consider making a small donati
tsParticles - Easily create highly customizable particles animations and use them as animated backgrounds for your website. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno.
tsParticles - TypeScript Particles A lightweight TypeScript library for creating particles. Dependency free (*) and browser ready! Particles.js conver