erictreacy / Mimic.css
Everyone else is doing it!
Stars: ✭ 144
Labels
Projects that are alternatives of or similar to Mimic.css
Morphist
A simple, high-performance and cross-browser jQuery slider / slideshow / carousel plugin for child objects powered by Animate.css.
Stars: ✭ 60 (-58.33%)
Mutual labels: css-animations
Tinseltown.js
A lightweight CSS/JS library for faux hacker-movie-style page loading effects
Stars: ✭ 113 (-21.53%)
Mutual labels: css-animations
Thegoodman
An experiment with basic CSS3 animations.
Stars: ✭ 128 (-11.11%)
Mutual labels: css-animations
Simpleratingbar
A simple RatingBar that you can easier to customize image and animations
Stars: ✭ 1,157 (+703.47%)
Mutual labels: animate
Tachyons Animate
Single purpose classes to help you orchestrate CSS animations
Stars: ✭ 105 (-27.08%)
Mutual labels: css-animations
Ripple Without Js
Create Material Design ripple effect in your HTML without using a single line of JS.
Stars: ✭ 53 (-63.19%)
Mutual labels: css-animations
React Scrollchor
A React component for scroll to `#hash` links with smooth animations
Stars: ✭ 141 (-2.08%)
Mutual labels: animate
Justified Gallery
Javascript library to help creating high quality justified galleries of images. Used by thousands of websites as well as the photography community 500px.
Stars: ✭ 1,512 (+950%)
Mutual labels: css-animations
Css Animator
Animate elements using CSS classes with support for Angular.
Stars: ✭ 82 (-43.06%)
Mutual labels: css-animations
Animxyz
The first truly composable CSS animation library. Built for Vue, React, SCSS, and CSS, AnimXYZ will bring your website to life.
Stars: ✭ 1,689 (+1072.92%)
Mutual labels: css-animations
Pure Css3 Animated Border
Pure CSS3 animated border for all html element.
Stars: ✭ 63 (-56.25%)
Mutual labels: css-animations
Slide And Swipe Menu
⚡️ A sliding swipe menu that works with touchSwipe library.
Stars: ✭ 135 (-6.25%)
Mutual labels: css-animations
Rainbowsafari
🌈 Hide sticky headers and color the menu bar on Safari for Yosemite
Stars: ✭ 54 (-62.5%)
Mutual labels: css-animations
Animoji Animate
Facial-Landmarks Detection based animating application similar to Apple-Animoji™
Stars: ✭ 142 (-1.39%)
Mutual labels: animate
Animatopy
🎩 Just-add-water simple CSS animations snippets
Stars: ✭ 137 (-4.86%)
Mutual labels: css-animations
Mergi
go library for image programming (merge, crop, resize, watermark, animate, ease, transit)
Stars: ✭ 127 (-11.81%)
Mutual labels: animate
Currently updating to new version
Mimic.css
Mimic.css is an css animations library because everyone else is doing it.
How To Use The Darn Thing
Simple, just add the mimic.css stylesheet to the <head> of your HTML document as such:
<head>
<link rel="stylesheet" href="/path/to/mimic.css">
</head>
Or you can use the minified version!:
<head>
<link rel="stylesheet" href="/path/to/mimic.min.css">
</head>
Next, to animate, you will need to add the class animated to your element, with any of the mimic.css classes.
What's it mimic?:
| Class Name | Mimics |
|---|---|
boomerang |
a boomerang |
swivelChair |
a swivel chair |
gettinInYoFace |
someone gettin' in yo' face |
airplanePropeller |
an airplane propeller |
pulsate |
something pulsating |
candleInTheWind |
a candle in the wind |
highlighter |
a highlighter |
lawnMower |
a lawn mower blade |
bungee |
a bungee jump |
nope |
a head shaking nope |
heartBeat |
a heartbeat |
sleepyEyes |
sleepy eyes |
plummit |
plummiting |
dropItLikeItsHot |
droping something like it's hot |
gettinLifted |
gettin' lifted |
glaucoma |
how a person with glaucoma sees (or doesn't) |
chameleon |
a chameleon |
backdrop |
a stage backdrop |
tearDrop |
a tear drop |
acidTrip |
a acid trip |
For example:
<h1 class="boomerang">BRB</h1>
Want to add a class and/or contribute in some way?
Just clone it and add away!
License
The MIT License (MIT)
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].