Topic

css-animations

Repositories (2305)

Frontend-Animations
Frontend-Animations pulkit-30 CSS

Beautiful Frontend Animations.

46
isomorphic-table-cards
isomorphic-table-cards evoluteur HTML

Table and Cards views with animated transitions on sorting, switching view, and browser resizing (no dependencies, just vanilla Javascript, CSS, and H...

46
cssloaders.github.io
cssloaders.github.io cssloaders JavaScript

CSS Loaders is a collection of different types of CSS loaders, spinners and their source code

44
css-collection
css-collection JungKyuHyun TypeScript

Storybook 및 CSS 애니메이션, 그래픽 공부

43
word-beater
word-beater Contrevien CSS

:computer: Typing Game, inspired by Brad Traversy

42
MnCraft
MnCraft jaenfigueroa CSS

Minecraft Game made with pure css and javascript

42
animusjs
animusjs omariosouto HTML

:fireworks: AnimusJS is the solution for combine JS and CSS animations.

41
Actuate
Actuate lukejacksonn JavaScript

One line easy actuation of CSS animation sequences

41
the-shoppies
the-shoppies GedalyaKrycer JavaScript

Movie nomination website created as part of the application process for the Shopify Front-End Developer Internship.

41
js-slots-cra
js-slots-cra marianapatcosta TypeScript

JS Slot Machine is a Progressive web app with a regular slot machine game that has the logos of main JS-related tools as symbols.

41
postcss-animations
postcss-animations retyui JavaScript

PostCSS plugin that adds `@keyframes` from animate.css, tuesday.css, magic.css, mimic.css

40
checked.css
checked.css 720kb CSS

Tiny set of pure CSS animations that applies to checked elements. The power of checkbox.css + radiobox.css https://720kb.github.io/checked.css

38
Lava-Lamp
Lava-Lamp Richard1320 JavaScript

A JavaScript animation plugin for menus. It creates a div that moves when you mouse over an element, giving it an elastic animation.

37
birthday-animation
birthday-animation h26k2 HTML

Just an animation made on CSS to wish someone!

37
hexa
hexa amine1107 SCSS

Awesome Css Animation. The documentation =>

36
animaciones-css
animaciones-css LuisValladaresC CSS

Guia para realizar animaciones con CSS con proyecto demostrativo que incluye una gran variedad de elementos animados.

36
SpinBolt
SpinBolt metajunaid SCSS

A collection of Pure CSS animated Spinners

36
welcome
welcome Aerolab JavaScript

A macOS app to onboard new Aerolabers

35
MonsterJS
MonsterJS martatomchuck JavaScript

MonsterJS - a game for learning JavaScript DOM Selectors while playing!

35
nglp-angular-material-landing-page
nglp-angular-material-landing-page evgensharyy HTML

NGLP is an Angular Material Landing Page.

34
MeeInk
MeeInk bezenson JavaScript

Material Design click effect

33
matching-card-game
matching-card-game CharlesCreativeContent JavaScript

With over 100 different cards, test your memory in these three popular trading card themes, Pokemon, Yugioh, & Magic: The Gathering!

33
block-sort
block-sort matthijsgroen TypeScript

🍀 mobile sorting puzzle game

33
CSS3-animation
CSS3-animation shovoalways CSS

CSS animation can animate various CSS properties like color, height, position, and so on. Pure CSS animation works perfectly without JavaScript or med...

33
603work
603work Anu27n JavaScript

Welcome ! We're thrilled to have you here. This project is an opportunity for developers, designers, and creators to collaborate and make a meaningful...

32
ui-components
ui-components ITomPoland JavaScript

📓 A personal sketchbook of interactive UI components. Built from scratch with Vanilla JS & CSS for everyone to copy, paste, and learn from. ✨

32
Futuristic-CSS-Animations
Futuristic-CSS-Animations AnshSinghSonkhia HTML

🔮 An Open Source Compilation of Futuristic CSS Animations.

31
3D-Flip-Neon-Cards-with-Animation
3D-Flip-Neon-Cards-with-Animation codeaashu CSS

NEON 3D Flip Neon Cards with Animation using HTML & CSS.

31
box-breathing
box-breathing lassebomh HTML

Box Breathing Technique: A visual animation to help with calmness, mindfulness, stress and anxiety

31
Animation-Vanilla
Animation-Vanilla techjuliana JavaScript

Animation Vanilla JavaScript

30
flowers
flowers Problem-With-Pr0blems SCSS
28
smoothr
smoothr n8jadams JavaScript

A custom React router that leverages the Web Animations API and CSS animations.

27
v1
v1 PureCssFramework CSS

Version 1 of PureCSSFramework

27
jquery-basics
jquery-basics learning-zone HTML

jQuery Basics ( v4.x )

27
Chat-Bot
Chat-Bot AhsanFarabi CSS

Chatbot – is a computer program that simulates a natural human conversation. Users communicate with a chatbot via the chat interface or by voice, like...

26
css_animation
css_animation imtiyazCode CSS

Animation using HTML And Pure CSS

26
portfolio-website-django-bootstrap-sass
portfolio-website-django-bootstrap-sass BobsProgrammingAcademy HTML

A freelance developer portfolio website built using Django 4, HTML 5, CSS 3, Bootstrap 5, and Sass.

26
doki-doki
doki-doki elRomanoff JavaScript

The popular anime novel DDLC programmed from zero in vanilla javascript, in order to make it playable in a web browser. It was my first big proyect, I...

25
pullToRefresh
pullToRefresh owenliang JavaScript

javascript-pull-to-refresh

24
shooting-stars-meme-generator
shooting-stars-meme-generator TeKrop TypeScript

🐶 Shooting Stars Meme Generator using CSS animations, use your own images and have fun !

24
CSS-Image-Loader
CSS-Image-Loader MarketingPipeline CSS

Add a image loader & image load error (without adding an HTML element or using JS).

24
medcare
medcare ferozmahmudzaki HTML

Create a complete responsive hospital / medical store / medical website design template using html css and vanilla javascript.

24
pure-css-image-loader
pure-css-image-loader jbrizio HTML

How to load your images using a progressive effect (similar to Medium or Instagram) using only CSS.

23
vov
vov tylerlittlefield R

:sparkles: vov.css animations for shiny

23
discord-bot-site
discord-bot-site perssBest HTML

After 20 stars, I will write a site update!

23
voice-visualizer
voice-visualizer jessekorzan HTML

Simple CSS visualizer for voice UI

23
GLassmorphism-Sign-Up-Page
GLassmorphism-Sign-Up-Page codeaashu CSS

Animated GLassmorphism Sign Up Page using HTML & CSS.

23
css-loaders
css-loaders rohit8020 JavaScript

Hacktober Fest 2022, This is the website from which you can copy the code for the css-loaders and use as a template in your website.

23
animateText.js
animateText.js 0x00memex JavaScript

📼 A small function to animate each character of a text using CSS Keyframes.

22
continuous-carousel
continuous-carousel jonchretien TypeScript

A timed continuous carousel that uses vanilla JavaScript & CSS animations.

22