Awesome Open Source

Programming Languages

Search results for html animation

224 search results found

Nodeppt ⭐ 10,297

This is probably the best web presentation tool so far!

Two.js ⭐ 8,100

A renderer agnostic two-dimensional drawing api for the web.

Tsparticles ⭐ 7,350

tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.

Bootstra.386 ⭐ 6,495

A vintage 1980s DOS inspired Twitter Bootstrap theme

Svg Loaders ⭐ 5,838

Loading icons and small animations built with pure SVG.

Eagle.js ⭐ 4,051

A hackable slideshow framework built with Vue.js

Engine ⭐ 4,039

A typescript interactive engine, support 2D, 3D, animation, physics, built on WebGL and glTF.

Epic Spinners ⭐ 3,776

Easy to use css spinners collection with Vue.js integration

🚀 Performance focused, lightweight scroll animation library 🚀

Jcarousel ⭐ 2,026

Riding carousels with jQuery.

Layerjs ⭐ 1,814

layerJS: Javascript UI composition framework

Hover Effect ⭐ 1,592

Javascript library to draw and animate images on hover

Pretty Checkbox ⭐ 1,549

A pure CSS library to beautify checkbox and radio buttons.

Css Spinner ⭐ 1,470

small, elegant pure css spinner for ajax or loading animation

Placeholder Loading ⭐ 1,383

Simple and flexible, css only, content placeholder loading animation. https://zalog.github.io/placeholder-loading/

Easyandroidanimations ⭐ 1,383

Curvejs ⭐ 1,199

Made curve a dancer in HTML5 canvas - 魔幻线条

Csswand ⭐ 1,158

🎨✨ Hover your wand and use your magic spell to copy beautiful css

macSVG - An open-source macOS app for designing HTML5 SVG (Scalable Vector Graphics) art and animation with a WebKit web view ➤➤➤

Checkboxland ⭐ 895

Render anything as HTML checkboxes

Delighters ⭐ 731

Add CSS animations to delight users as they scroll down.

Html5 Animation ⭐ 641

Foundation HTML5 Animation with JavaScript example code and book exercises.

Javascript Tetris ⭐ 603

A simple javascript tetris game

Simple Slider ⭐ 594

🎠 The 1kb JavaScript Carousel

Dev Geeks ⭐ 586

open source project

3d Particle Explorations ⭐ 517

Particle animation explorations in 3D space with three.js

An open-source format and tools for game developers 🎮

Decorativebackgrounds ⭐ 453

A collection of decorative animated background shapes powered by WebGL and TweenMax

Svg Workshop ⭐ 451

Materials for SVG Essentials & Animation Course

Weather Icons ⭐ 448

Free to use animated weather icons.

Stpageflip ⭐ 417

Simple library for creating realistic page turning effects

Lottie Interactivity ⭐ 383

This is a small library to enable interactivity with Lottie animations

Josh.js ⭐ 372

A JavaScript library to animate content on page scroll.

Animatedgridlayout ⭐ 350

A responsive, magazine-like website layout with a grid item animation effect when opening the content

Gridmenu ⭐ 324

A CSS Grid powered menu with a box look and a sliding animation.

Motionia ⭐ 317

Motionia is a lightweight simplified on demand animation library! https://git.io/motionia https://motionia.netlify.app/

React Liquidswipe ⭐ 317

🚀 Smooth Liquid Swipe Animation to transition between different components.

jquery plugin for easy creating loading css3/images animations

Dialogeffects ⭐ 285

A collection of dialog effects using CSS (and SVG) animations.

Pretty Checkbox Vue ⭐ 259

Quickly integrate pretty checkbox components with Vue.js

Html5 Canvas Animation ⭐ 259

🚀 3D lines animation with three.js

Wickedcss ⭐ 258

A library for CSS3 animations. The animations are more vibrant than most simple animations.

Dynamic_effect ⭐ 258

平时练习的一些前端动效，基于HTML5，CSS3，Canvas，Svg

Searchuieffects ⭐ 257

A couple of schematic, inspirational proof-of-concepts for how to show the search interface on a website using CSS animations.

Html5 Canvas Projects ⭐ 256

HTML5 Canvas projects - including simple thermometer, speedometer, map, progress meter, map, car race sim, chess, bouncing ball and compass.

Awwation ⭐ 246

Prezi clone in HTML5, Js, and SVG. Can use different animation backends, for example impress.js. [I NO LONGER OWN AWWATION.COM]

Doodle Js ⭐ 236

A JavaScript animation library for HTML5 Canvas.

Animating Buttons ⭐ 235

Explore Amazing Buttons animation for your next project. 🤩An initiative by GDSC-DYPCOE for Hactoberfest. 🚀

Gradienttopographyanimation ⭐ 235

Shape layers animation based on Polar Vector's work "Gradient Topography"

Jsanimation ⭐ 235

[DEPRECATED] An IPython notebook-compatible Javascript/HTML viewer for matplotlib animations

Decorativeletteranimations ⭐ 228

Some decorative shape and letter animations based on the Dribbble shot "Us By Night" by Animography.

React Awesome Loaders ⭐ 221

🚀 High quality, super responsive and completely customisable Loading Animations to insert into your website with single line of code.

Imagegrideffects ⭐ 194

Some inspiration for effects on image grids. The ideas include animations on the opening grid item, the disappearance of the grid and the resulting view.

Frontendmasters Svganimation ⭐ 185

Frontend Masters- Advanced SVG Animation Course

Animate Css Styled Components ⭐ 184

simple port of animate css for styled-components

Angular Fx ⭐ 182

Angular CSS3 animation directives (ngfx-bounce, ngfx-shake, ngfx-flip, ngfx-pulse and more ...) https://720kb.github.io/angular-fx

Html Slideshow ⭐ 181

Lightweight HTML5-based slideshow

Post-Future CSS Animations

Scrollinglettersanimation ⭐ 177

A switching title effect where a fixed element changes depending on the scroll position.

Html Css Advanced Topics ⭐ 174

HTML/CSS: Advanced Topics

Web's fastest and most lightweight animation tool.

Card Expansion ⭐ 171

A morphing card expansion effect enhanced by a low poly background animation, using SVG clipPath and Trianglify.

Lettereffects ⭐ 168

A set of inspirational letter animations for display typography effects powered by anime.js

Generate beautiful animated waves using svg, javascript and some tweenMax magic.

Algorithms Tour ⭐ 153

How data science is woven into the fabric of Stitch Fix

Testing various ways of generating gifs and videos off data-driven JS animations.

Creature_webgl ⭐ 147

2D Skeletal Animation WebGL Runtimes for Creature ( PixiJS, PhaserJS, ThreeJS, BabylonJS, Cocos Creator )

Awesome Web Styling ⭐ 144

Awesome Web Styling with CSS Animation Effects ⭐️

Learnable JavaScript

Effects Runtime ⭐ 141

It can load and render cool animation effects

Animations ⭐ 141

d3 or WebGL animations, one each day

Awesome Gradient ⭐ 140

😎 A curated list of awesome Gradient frameworks, libraries and software and resources

Interactive Portfolio ⭐ 137

A clean, beautiful and responsive portfolio templete with using only HTML and css. Later on add some javascript for animation and designing.

Ct Material Kit Pro ⭐ 130

Premium Bootstrap 4 UI Kit based on Google's Material Design

Slide And Swipe Menu ⭐ 125

⚡ A sliding swipe menu that works with touchSwipe library.

Scenejs Render ⭐ 124

🎬 Make a movie of CSS animation through scenejs.

Animatopy ⭐ 119

🎩 Just-add-water simple CSS animations snippets

Animatize ⭐ 117

Drag a character with your mouse to create an animation

Slide Menu ⭐ 113

A multilevel page menu with a smooth slide effect

Progresscircle.js ⭐ 112

A progress indicator in HTML5 canvas

Scroll Btween ⭐ 111

ScrollBtween uses scroll position of document - or any DOM element - to tween CSS values on any DOM element.

Svg Essentials Examples ⭐ 110

Css Animation 101 Cn ⭐ 110

学习如何为你的 Web 程序添加动效

SVG virtual desktop library that lets you build beautiful desktop like user interfaces.

Lottie Wc ⭐ 108

Provides <lottie-animation>, a simple web component to use lottie animations by Airbnb

Wanwan Html5 ⭐ 100

HTML5 version of the flash animation WAN WAN INTENSIFIES.swf

Zola.386 ⭐ 85

Port of BOOTSTRA.386 for Zola.

The easy way to create CSS scroll animations that react to the position of your HTML element on screen. Animate on scroll (AOS) your CSS.

Ui Components ⭐ 80

💄 Library of UI components

Web Animations Codelabs ⭐ 80

Codelabs for the Web Animations API

Gridrevealeffects ⭐ 79

Some experiments with the new staggering system of Anime.js

Yugen Logo Source ⭐ 76

HTML 5 Yugen logo animation project

Ramen Timer ⭐ 72

⏰ Countdown timer（3min or 5min）/ Vue.js + PWA + CSS animation + Character Design

Easy Scroll ⭐ 71

A lightweight native javascript library to perform smooth scrolling with animation

Off Canvas Infinity Push ⭐ 68

Off Canvas Infinity Push Mobile Navigation

Canvascapture ⭐ 67

An HTML5 Canvas screen capture tool written in JavaScript. Record animations from HTML5 Canvas in realtime. Create videos of HTML5 video games and demos.

Responsive Image Placeholders ⭐ 64

Using a little basic CSS, JavaScript and a dash of animation it's simple to avoid the performance hit of re-calculating layout and provide a smooth user experience.

Front End ⭐ 64

Tweendeck ⭐ 62

Next level animation for web presentations

Vue Animate Number ⭐ 61

animate-number as a vue component.

Related Searches

Javascript Html (53,392)

Html Css (19,526)

Python Html (11,009)

Html Bootstrap (5,651)

Php Html (5,615)

Html Theme (5,550)

Html Jekyll (5,387)

Html Jquery (5,205)

Javascript Animation (5,191)

Html Markdown (5,082)

1-100 of 224 search results

Privacy | About | Terms | Follow Us On Twitter

Copyright 2018-2024 Awesome Open Source. All rights reserved.