Some cool code w/ JS & CSS Animated Effects 🦋

Be sure to ⭐ my configuration repo so you can keep up to date on any daily progress!

Check my branches and have fun!
View DEMOS on Codepen.

COLLECTIONS

• Menu
  • Animated Tab Bar Effects
  • Isometric Menu Hover Effect
  • 3D Isometric Social Media Icon Hover
  • Arrow Menu Indicator
• Loader
  • 3D Wavy Circle Loader Animation Effects
  • Snake Cube Loader Animation Effects
  • Glowing Gradient Loader Ring Animation Effects
• Button
  • Animated Popup Box
  • 3D Flip Checkbox Animation Effects
  • Neon Light Button Animation on Hover
  • Neon Light Button Animation Effects
• Dark Mode
  • Dark Mode CSS
• Figure
  • Expanding Flex Cards CSS
  • Animated Eyes Follow Mouse Cursor
  • Hex Circle Follow on Mouse
  • Rainy Cloud Animation
  • Endless Road Animation Effects
  • Ambient Light Effects
  • Swing Figure CSS Animation
  • Background Parallax Effect on Mouse Cursor
• Text
  • Welcome Text CSS Animation
  • Water Wave Text Animation Effects
  • Wavy Text Animation Effects
  • 3D Text Cube Animation Effects
  • Glowing Text Animation Effects
  • Glowing Tubelight Text Animation Effects
  • Video Inside Text Animation Effects
  • Wooden Text Typography Effects
• Minigame
  • Tower Block Game CSS JS
  • Ping Pong Game JS
  • Memory Game CSS JS
  • Hangman CSS Animation
  • Tic-Tac-Toe CSS
• Widget
  • Analog Clock Widget Light/Dark
  • Event Calendar Widget
• LICENSE

MENU

Animated Tab Bar Effects

View and try DEMO on Codepen.

Isometric Menu Hover Effect

View and try DEMO on Codepen.

3D Isometric Social Media Icon Hover

View and try DEMO on Codepen.

Arrow Menu Indicator

View and try DEMO on Codepen.

---

LOADER

3D Wavy Circle Loader Animation Effects

View and try DEMO on Codepen.

Snake Cube Loader Animation Effects

View and try DEMO on Codepen.

Glowing Gradient Loader Ring Animation Effects

View and try DEMO on Codepen.

---

BUTTON

Animated Popup Box

View and try DEMO on Codepen.

3D Flip Checkbox Animation Effects

View and try DEMO on Codepen.

Neon Light Button Animation on Hover

View and try DEMO on Codepen.

Neon Light Button Animation Effects

View and try DEMO on Codepen.

---

DARK MODE

Dark Mode CSS

View and try DEMO on Codepen.

---

FIGURE

Expanding Flex Cards CSS

View and try DEMO on Codepen.

Animated Eyes Follow Mouse Cursor

View and try DEMO on Codepen.

Hex Circle Follow on Mouse

View and try DEMO on Codepen.

Rainy Cloud Animation

View and try DEMO on Codepen.

Endless Road Animation Effects

View and try DEMO on Codepen.

Ambient Light Effects

View and try DEMO on Codepen.

Swing Figure CSS Animation

View and try DEMO on Codepen.

Background Parallax Effect on Mouse Cursor

View and try DEMO on Codepen.

---

TEXT

Welcome Text CSS Animation

View and try DEMO on Codepen.

Water Wave Text Animation Effects

View and try DEMO on Codepen.

Wavy Text Animation Effects

View and try DEMO on Codepen.

3D Text Cube Animation Effects

View and try DEMO on Codepen.

Glowing Text Animation Effects

View and try DEMO on Codepen.

Glowing Tubelight Text Animation Effects

View and try DEMO on Codepen.

Video Inside Text Animation Effects

View and try DEMO on Codepen.

Wooden Text Typography Effects

View and try DEMO on Codepen.

---

MINIGAME

Ping Pong Game JS

View and try DEMO on Codepen.

Tower Block Game CSS JS

View and try DEMO on Codepen.

Memory Game CSS JS

View and try DEMO on Codepen.

Hangman CSS Animation

View and try DEMO on Codepen.

Tic-Tac-Toe CSS

View and try DEMO on Codepen.

---

WIDGET

Analog Clock Widget Light Dark

View and try DEMO on Codepen.

Event Calendar Widget

View and try DEMO on Codepen.

---

LICENSE

This project is licensed under the MIT license. Feel free to edit and distribute this template as you like.

See LICENSE for more information.

Follow me on Codepen 👍