Awesome Open Source

Programming Languages

Search results for css animation

542 search results found

Css Animations.js ⭐ 470

A library to work with CSS3 keyframe animations from javascript

Ember Animated Outlet ⭐ 470

All Animation ⭐ 469

All Animation.css is a set of nice and crazy css animations made with the purpose to bring life and interactions to your project. They are cross-browser animations which will give more emphases on your pages likes sliding controls and 3D efects...

Angular Motion ⭐ 461

Fancy CSS3 animations for AngularJS 1.2+.

Tuesday ⭐ 460

A quirky CSS Animation Library by Shakr

Jquery.transition.js ⭐ 443

Upgrade jQuery's .animate() method to use CSS3 Transitions in modern browsers.

Clickeffects ⭐ 430

A set of subtle effects for click or touch interactions inspired by the visualization of screen taps in mobile app showcases. The effects are done with CSS animations mostly on pseudo-elements.

An example of Svbtle style kudos

Obnoxious.css ⭐ 417

Animations for the strong of heart, and stupid of mind.

Sbuttons ⭐ 408

💡 Simple buttons you can use easily for your next project.

Woah.css ⭐ 386

CSS Animation Library for eccentrics

Placeholdem ⭐ 382

Placeholder Caret Animation

Animatetransition ⭐ 380

Library for transition animations between blocks (pages) in the application.

Morphext ⭐ 378

A simple, high-performance and cross-browser jQuery rotating / carousel plugin for text phrases powered by Animate.css.

A Vue modal with animations.

Josh.js ⭐ 372

A JavaScript library to animate content on page scroll.

Magicgradients ⭐ 366

Draw breathtaking backgrounds in your Xamarin.Forms application. It's a kind of magic.

Spinners React ⭐ 350

Lightweight SVG/CSS spinners for React

Stepper ⭐ 347

Animated numeric stepper component which can be used to increment or decrement a value by clicking arrows.

React Mt Svg Lines ⭐ 334

A React.js wrapper component to animate the line stroke in SVGs

Ngtoast ⭐ 333

Angular provider for toast notifications

Animate.sass ⭐ 333

Sass and Compass CSS animation library based on Animate.css

Gridmenu ⭐ 324

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

Animate ⭐ 323

A tiny JS (5KB) library to trigger animations on elements when they are within the viewport 👓

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.

Izmir - An image hover mini CSS library

Css Art ⭐ 313

General Edition - A CSS art challenge, for all skill levels

Css Ripple Effect ⭐ 305

Pure CSS (no JavaScript) implementation of Android Material design "ripple" animation

Progress Bar Animation ⭐ 302

Making a Doughnut Progress Bar - research notes

React Spinners Css ⭐ 301

Amazing collection of React spinners components with pure css

Animation Nation ⭐ 297

A ZTM Challenge for Hacktoberfest

React Css Transition Replace ⭐ 295

A React component to animate replacing one element with another.

jquery plugin for easy creating loading css3/images animations

Jquery.keyframes ⭐ 289

jQuery-Keyframes allows dynamic generation of CSS3 keyframes with callback events and other niceness.

Dialogeffects ⭐ 285

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

Css Shaky Animation ⭐ 283

Shits shakin' yo

Our Front-end baseplate, from mobile to desktop

Preloadme ⭐ 273

PreLoadMe, a lightweight jQuery website preloader.

Pagepreloadingeffect ⭐ 272

A simple page preloading animation based on the effect seen on [Fontface Ninja](http://fontface.ninja/)

Elasticsvgelements ⭐ 272

Adding elasticity with SVG shape animations for enhanced UI interactions.

Css_loading_animation ⭐ 265

A "coding" animation made with pure css

Ember Notify ⭐ 264

Notification messages for your Ember.js app

Pretty Checkbox Vue ⭐ 259

Quickly integrate pretty checkbox components with Vue.js

Wickedcss ⭐ 258

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

Dynamic_effect ⭐ 258

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

Css Spring ⭐ 250

Generate physics based css-keyframe animations for the css-in-js solution of your choice or plain css.

Slick Fox ⭐ 248

🦊 A firefox config that has rounded tabs and a url bar that can disappear when not selected on. It works with any theme.

Spinners ⭐ 246

Collection of HTML and CSS spinners | https://boguz.github.io/Spinners

Saffron ⭐ 243

A simple Sass mixin library for animations and transitions

Tailwindcss Plugins ⭐ 240

🔌🌊 Set of useful plugins for tailwindcss

Transition Hook ⭐ 237

☄️ An extremely light-weight react transition animation hook which is simpler and easier to use than react-transition-group

Slim Scroll ⭐ 237

HTML element scroll bar as replacement for default browser's scroll-bar. Design as you want using CSS.

Sprite Spirit ⭐ 235

SCSS Mixin that Brings Image Sprite to life

2048 React ⭐ 235

An implementation of the 2048 game using React

Animating Buttons ⭐ 235

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

Keyframes ⭐ 234

A simple CSS toolbox

Nganimate Animate.css ⭐ 231

A driver module to make animate.css work with AngularJS 1.2

👾 [deprecated] Javascript Game MicroFramework.

Css Loader ⭐ 229

This is a library having a collection of different types of CSS loaders, spinners

Export AE animations to CSS

Solid Transition Group ⭐ 223

SolidJS components for applying animations when children elements enter or leave the DOM.

React Awesome Loaders ⭐ 221

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

Amaranjs ⭐ 214

Nice, sleek and stylish notifications.

Growl-like notifications with an emphasis on icons

Floating.js ⭐ 195

Float a number of things up on a page (hearts, flowers, emojis, words ...)

Smoothscrollanimations ⭐ 195

Demo of a tutorial on how to add smooth page scrolling with an inner image animation

Vue Animate ⭐ 188

*UNSUPPORTED* (active fork @ https://github.com/asika32764/vue2-animate) Vue.js port of Animate.css

Animate Css Styled Components ⭐ 184

simple port of animate css for styled-components

A CSS3 Animation Library

Scrollinglettersanimation ⭐ 177

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

Shapehovereffectsvg ⭐ 176

Hover effect as seen on The Christmas Experiments website using SVG for the shape and Snap.svg for the animations.

Html Css Advanced Topics ⭐ 174

HTML/CSS: Advanced Topics

Pure css loading animations. As long as only one element!

Link List ⭐ 164

Textify Js ⭐ 164

Next Generation Text Animation Library. (Adding Typescript support...)

Simple Hint ⭐ 164

CSS-only tooltip packed with a variety of features.

Transition.js ⭐ 163

A simple and elegant single page transition library.

Navi.js ⭐ 163

jQuery: Content switching made easy

Animated Gameboy In Css ⭐ 160

Animated Gameboy created in CSS.

Jsonlylightbox ⭐ 156

Responsive Lightbox in plain JS. No need for jQuery.

Rocket create an animation from two items via jQuery

Lots of Love for LESS

Cel Animation ⭐ 151

A Sass @mixin for creating traditional frame-based animations, especially with SVG

Hacktoberfest Animations ⭐ 150

Small animation selector for Hacktoberfest

Illustatus ⭐ 150

🌟 A HTTP Status svg animation that can change color and text arbitrarily.

Css3 Animate It ⭐ 150

CSS3 Animate-it

Vov.css ⭐ 150

📱💻A CSS Library for small but useful animations💻📱

Cardstackeffects ⭐ 147

Some effect inspiration for card stacks. The idea is to show animation ideas for positive (accept) or negative (reject) feedback on a generic card element.

Divsugar ⭐ 146

A CSS-based 3D graphics library

Flippy is a cross-browser flip effect plugin for jQuery which allows you to flip whatever html element you want. It now supports rgba colors

Tailwindcss Spinner ⭐ 145

Spinner utility for Tailwind CSS

Awesome Web Styling ⭐ 144

Awesome Web Styling with CSS Animation Effects ⭐️

Vue Loaders ⭐ 140

Vue + loaders.css

Cssanimation.io ⭐ 137

CSS Animation Library for Developers and Ninjas

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.

Ghost Material ⭐ 137

Material Design theme for Ghost blogging platform

Awesome Gradient ⭐ 134

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

Loading.css ⭐ 134

40+ Handcrafted CSS animations dedicated for your loaders

Transition Events ⭐ 131

jQuery plugin to set listeners to CSS Transition animation end or specific part

Related Searches

Html Css (36,559)

Javascript Css (35,736)

Css Theme (9,823)

Css Bootstrap (8,210)

Css Reactjs (7,935)

Css Sass (6,367)

Javascript Animation (5,191)

Python Css (3,949)

Typescript Css (3,932)

Css Jekyll (3,923)

101-200 of 542 search results

Privacy | About | Terms | Follow Us On Twitter

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