├── .DS_Store ├── Buttons ├── .DS_Store ├── Add To Cart Interaction │ ├── index.html │ └── style.css ├── Add-Remove Button Interaction │ ├── index.html │ └── style.css ├── Blobs Fill Effect │ ├── index.html │ └── style.css ├── Bubbles On Button Click │ ├── index.html │ └── style.css ├── CheckCross Toggle Button MI │ ├── index.html │ └── style.css ├── Colorful Ripple Effect │ ├── index.html │ └── style.css ├── Confirm Order Button MI │ ├── index.html │ └── style.css ├── Cool Button Hover │ ├── index.html │ └── style.css ├── Crazy Button Shape │ ├── index.html │ └── style.css ├── Dark Mode Toggle Icon │ ├── index.html │ ├── style.css │ ├── style.css.map │ └── style.scss ├── Delete Button MI │ ├── index.html │ └── style.css ├── Download Button MI │ ├── index.html │ └── style.css ├── Download Progress Micro Interaction │ ├── index.html │ └── style.css ├── Expanding Share Button MI │ ├── index.html │ └── style.css ├── Fancy Border Using CSS Variables │ ├── index.html │ └── style.css ├── Fog Overlay On Button Hover │ ├── index.html │ └── style.css ├── Framed Button MI │ ├── index.html │ ├── style.css │ ├── style.css.map │ └── style.scss ├── Galaxy Button │ ├── index.html │ └── style.css ├── Gooey Button MI │ ├── index.html │ ├── style.css │ ├── style.css.map │ └── style.scss ├── Gradient Buttons MI │ ├── index.html │ └── style.css ├── Jelly Button Animation Using GSAP │ ├── index.html │ └── style.css ├── Like Animation │ ├── index.html │ └── style.css ├── Mail Button MI │ ├── index.html │ └── style.css ├── Neon Volume Control Bar │ ├── index.html │ └── style.css ├── Notify Me Button Animation │ ├── index.html │ └── style.css ├── On Hover Button Flip │ ├── index.html │ └── style.css ├── On-Off Switch MI │ ├── index.html │ └── style.css ├── Overlap Effect On Button Hover │ ├── index.html │ └── style.css ├── Processing Button MI │ ├── index.html │ └── style.css ├── Pulse Effect On Button Hover │ ├── index.html │ └── style.css ├── Pure CSS: Cute 3D Button │ ├── index.html │ └── style.css ├── Radial Reveal Social Button │ ├── index.html │ └── style.css ├── Radial Toggle Social Icons │ ├── index.html │ ├── style.css │ └── style.scss ├── Rainbow Gradient Glowing Effect │ ├── index.html │ └── style.css ├── Satisfying Clipboard OnClick Animation │ ├── index.html │ └── style.css ├── Send Button Animation │ ├── index.html │ └── style.css ├── Shaking Button Animation On Hover │ ├── index.html │ ├── style.css │ └── style.scss ├── Shine Effect On Button Hover │ ├── index.html │ └── style.css ├── Simple Submit Button Animation │ ├── index.html │ ├── style.css │ └── style.scss ├── Sliced Effect On Button Hover │ ├── index.html │ └── style.css ├── Sliding Arrow On Button Hover Effect │ ├── index.html │ └── style.css ├── Sliding Button On Hover Effect │ ├── index.html │ └── style.css ├── Sparkly Button │ ├── index.html │ └── style.css ├── Star Rating Interaction │ ├── index.html │ └── style.css └── Submit Button Animation │ ├── index.html │ └── style.css ├── Custom MI ├── Background MI │ ├── Changing Background Gradient Animation │ │ ├── index.html │ │ └── style.css │ ├── Colorful Fireworks on Canvas │ │ ├── index.html │ │ └── style.css │ ├── Curved Header │ │ ├── index.html │ │ └── style.css │ ├── Honeycomb BG MI │ │ ├── index.html │ │ └── style.css │ ├── Interactive Mesh BG with Glassmorphism Card │ │ ├── index.html │ │ ├── style.css │ │ ├── style.css.map │ │ └── style.scss │ ├── Smooth Blurred Gradient Background Effect │ │ ├── index.html │ │ ├── style.css │ │ ├── style.css.map │ │ └── style.scss │ └── Subtle Mesh Gradient Background │ │ ├── index.html │ │ ├── script.js │ │ ├── style.css │ │ ├── style.css.map │ │ └── style.scss ├── Cursor MI │ ├── Glowing Gradient Effect On Mouse Move │ │ ├── index.html │ │ └── style.css │ ├── Neon Cursor Using Three.js │ │ ├── index.html │ │ ├── script.js │ │ └── style.css │ ├── Particles Cursor Using Three.js │ │ ├── index.html │ │ ├── script.js │ │ └── style.css │ └── Scroll Down Mouse Icon Animation │ │ ├── index.html │ │ ├── style.css │ │ ├── style.css.map │ │ └── style.scss ├── Different Animations In Motion │ ├── index.html │ └── style.css ├── Image-Sliders-Cards │ ├── 3D Image On Hover Effect │ │ ├── index.html │ │ └── style.css │ ├── Coverflow Carousel │ │ ├── index.html │ │ ├── script.js │ │ ├── style.css │ │ └── style.scss │ ├── Elastic Image Accordion Using GSAP │ │ ├── index.html │ │ └── style.css │ ├── Image Card Zoom In And Out Transition │ │ ├── index.html │ │ └── style.css │ ├── Infinite Horizontal Scroll MI │ │ ├── index.html │ │ └── style.css │ ├── On Hover Image Reveal Animation │ │ ├── index.html │ │ └── style.css │ ├── Parallax Card Using GSAP │ │ ├── index.html │ │ ├── script.js │ │ ├── style.css │ │ ├── style.css.map │ │ └── style.scss │ ├── Parallax Effect On Image Hover │ │ ├── index.html │ │ └── style.css │ ├── Responsive CSS Cards │ │ ├── index.html │ │ ├── style.css │ │ ├── style.css.map │ │ └── style.scss │ ├── Responsive Cool Carousel │ │ ├── index.html │ │ ├── style.css │ │ └── style.scss │ ├── Responsive Parallax Image Gallery │ │ ├── index.html │ │ ├── style.css │ │ ├── style.css.map │ │ └── style.scss │ ├── Stacked Images Slider │ │ ├── index.html │ │ └── style.css │ └── Three.js Parallax Effect │ │ ├── index.html │ │ ├── script.js │ │ └── style.css ├── Tabs MI │ └── Drag And Drop Tabs │ │ ├── index.html │ │ ├── style.css │ │ ├── style.css.map │ │ └── style.scss └── Text MI │ ├── Beautiful Aurora Effect │ ├── index.html │ └── style.css │ ├── Confetti Text Effect │ ├── index.html │ └── style.css │ ├── Conic Gradient Text Clip │ ├── index.html │ └── style.css │ ├── Creative Text MI 01 │ ├── index.html │ ├── style.css │ ├── style.css.map │ └── style.scss │ ├── Creative Text MI 02 │ ├── index.html │ └── style.css │ ├── Creative Text MI 03 │ ├── index.html │ └── style.css │ ├── Creative Text MI 04 │ ├── index.html │ └── style.css │ ├── Glowing Gradient Text Effect │ ├── index.html │ ├── style.css │ ├── style.css.map │ └── style.scss │ ├── Hacker Like Text Scramble Effect │ ├── index.html │ └── style.css │ ├── Intro Text Animation │ ├── index.html │ ├── style.css │ ├── style.css.map │ └── style.scss │ ├── Layered Text Effect On Hover │ ├── index.html │ └── style.css │ ├── On Scroll And hover Effect With GSAP And Clip │ ├── index.html │ └── style.css │ ├── Overlapping Text Effect │ ├── index.html │ └── style.css │ ├── Spotlight Cursor Text Animation │ ├── index.html │ └── style.css │ ├── Text Reveal Animation │ ├── index.html │ └── style.css │ ├── Text Reveal MI │ ├── index.html │ ├── style.css │ └── style.scss │ ├── Text Switch Effect │ ├── index.html │ └── style.css │ └── Transference Text MI │ ├── index.html │ ├── style.css │ ├── style.css.map │ └── style.scss ├── Error-Pages ├── 404 Error Page Animation │ ├── index.html │ └── style.css ├── 404 Glitch Text Effect │ ├── index.html │ └── style.css └── Page Not Found MI │ ├── index.html │ └── style.css ├── Forms-Inputs ├── 3D Light On-Off Toggle Animation │ ├── index.html │ └── style.css ├── Accent Color Example │ ├── index.html │ └── style.css ├── Bulgy Radio Buttons │ ├── index.html │ └── style.css ├── Check Cross Toggle Icon MI │ ├── index.html │ ├── style.css │ ├── style.css.map │ └── style.scss ├── CheckCross Custom Toggle │ ├── index.html │ └── style.css ├── Color Changing Radio Slider │ ├── index.html │ └── style.css ├── Custom Checkbox │ ├── index.html │ └── style.css ├── Custom Checklist │ ├── index.html │ └── style.css ├── Custom Radio Buttons │ ├── index.html │ └── style.css ├── Custom Slap Toggle MI │ ├── index.html │ └── style.css ├── Cute Merging Letter Toggle │ ├── index.html │ └── style.css ├── Dark Mode Toggle Sliding Icons MI │ ├── index.html │ ├── style.css │ ├── style.css.map │ └── style.scss ├── Dark Neon Toggle Switch │ ├── index.html │ ├── style.css │ ├── style.css.map │ └── style.scss ├── Elastic Input Validation MI │ ├── index.html │ └── style.css ├── Emoji Toggle Icon MI │ ├── index.html │ ├── style.css │ ├── style.css.map │ └── style.scss ├── Engraved Dark Theme Toggle │ ├── index.html │ └── style.css ├── Fancy Radio Button MI │ ├── index.html │ └── style.css ├── Gooey Toggle │ ├── index.html │ └── style.css ├── Gradient Border On Input Focus MI │ ├── index.html │ └── style.css ├── Hopping Radio Button MI │ ├── index.html │ └── style.css ├── Jelly Radio Buttons │ ├── index.html │ └── style.css ├── Liquid CheckBox MI │ ├── index.html │ └── style.css ├── Minimal Dark Mode Toggle │ ├── index.html │ └── style.css ├── Neumorphic Toggle Switch │ ├── index.html │ └── style.css ├── Pure CSS Fancy Input Box │ ├── index.html │ └── style.css ├── Pure CSS No SVG Dark Mode Toggle │ ├── index.html │ ├── style.css │ └── style.scss ├── Ripple MI Radio Buttons │ ├── index.html │ └── style.css ├── Rollback Toggle │ ├── index.html │ └── style.css ├── Rolling Dark Mode Toggle │ ├── index.html │ └── style.css ├── Search Box Micro Interaction │ ├── index.html │ └── style.css ├── SignIn-SignUp Form │ ├── index.html │ └── style.css ├── Simple Login Form │ ├── index.html │ └── style.css ├── Sliding Radio Buttons │ ├── index.html │ └── style.css ├── Sliding Tabs MI │ ├── index.html │ └── style.css ├── Sliding Tabs Using Pure CSS │ ├── index.html │ └── style.css ├── Snaky Toggle MI │ ├── index.html │ ├── style.css │ ├── style.css.map │ └── style.scss ├── Stretching Tab Selector │ ├── index.html │ └── style.css ├── Theme Changing Toggle │ ├── index.html │ └── style.css └── Underground Radio Buttons MI │ ├── index.html │ └── style.css ├── Hover-Effects ├── Anchor Link Hover Effects │ ├── Custom Link Hover Animation │ │ ├── index.html │ │ └── style.css │ ├── Growing Background Effect │ │ ├── index.html │ │ └── style.css │ ├── Rainbow Underline Effect │ │ ├── index.html │ │ └── style.css │ ├── Right To Left Color Swap Effect │ │ ├── index.html │ │ └── style.css │ ├── Sliding Highlight Effect │ │ ├── index.html │ │ └── style.css │ └── Text Swapping Effect │ │ ├── index.html │ │ └── style.css ├── Background Focus Effect │ ├── index.html │ └── style.css ├── Card Hover Animation │ ├── index.html │ ├── style.css │ └── style.scss ├── Cool Gradient Social Icons Hover │ ├── index.html │ └── style.css ├── Fill Text On Hover │ ├── index.html │ └── style.css ├── Gradient Border On Hover Animation │ ├── index.html │ ├── style.css │ └── style.scss ├── Icons Hover Effects │ ├── index.html │ └── style.css ├── Image Card Stack Hover Effect │ ├── index.html │ └── style.css ├── Slide In Social Icons │ ├── index.html │ ├── style.css │ └── style.scss ├── Social Icon Hover Effects │ ├── index.html │ └── style.css ├── Social Icon Popup Hover │ ├── index.html │ └── style.css └── Text Reveal On Card Hover │ ├── index.html │ ├── style.css │ └── style.scss ├── Loaders ├── 3D Gradient Circles Spinner │ ├── index.html │ └── style.css ├── 3D Rotating Geometry Shape Using Three.js │ ├── index.html │ └── style.css ├── Animated Loading Screen │ ├── index.html │ └── style.css ├── Basic Gradient Spinner │ ├── index.html │ └── style.css ├── Blob Effect Micro Interaction │ ├── index.html │ └── style.css ├── Bouncing Ball Animation │ ├── index.html │ └── style.css ├── Delivery Truck Loader │ ├── index.html │ ├── style.css │ ├── style.css.map │ └── style.scss ├── Dots & Ring Loader - With Dark Mode │ ├── index.html │ └── style.css ├── Fill Glass Loading Interaction │ ├── index.html │ └── style.css ├── Flying Rocket Loader │ ├── index.html │ └── style.css ├── Folding Cube Loader │ ├── index.html │ └── style.css ├── Frying Pan Loading │ ├── index.html │ ├── style.css │ ├── style.css.map │ └── style.scss ├── Geometric Loader │ ├── index.html │ ├── style.css │ ├── style.css.map │ └── style.scss ├── Ghost Loader │ ├── index.html │ └── style.css ├── Infinity ∞ Loader Animation Using Three.js copy │ ├── index.html │ └── style.css ├── Infinity ∞ Loader Animation Using Three.js │ ├── index.html │ ├── script.js │ └── style.css ├── Jumping Boxes Loader Animation │ ├── index.html │ └── style.css ├── Loading Spinner Animation │ ├── index.html │ └── style.css ├── Loading Text Animation │ ├── index.html │ ├── style.css │ ├── style.css.map │ └── style.scss ├── Loading Text MI │ ├── index.html │ ├── style.css │ ├── style.css.map │ └── style.scss ├── Oddly Satisfying Loader │ ├── index.html │ └── style.css ├── On The Way Loading MI │ ├── index.html │ ├── style.css │ ├── tree.svg │ ├── truck.svg │ └── wheels.svg ├── Pacman Loader │ ├── index.html │ └── style.css ├── Paper Plane Loading MI │ ├── index.html │ └── style.css ├── Pendulum Loader │ ├── index.html │ └── style.css ├── Ping Pong Loading Animation │ ├── index.html │ ├── style.css │ └── style.scss ├── Pre Loader Micro Interaction │ ├── index.html │ └── style.css ├── Rainbow Spinner │ ├── index.html │ └── style.css ├── Ripple Loading Animation │ ├── index.html │ └── style.css ├── Running Dots Loader │ ├── index.html │ └── style.css ├── Shape Morphing Spinner Animation │ ├── index.html │ └── style.css ├── Shiny Loader │ ├── index.html │ └── style.css ├── Sliding Box Loading MI │ ├── index.html │ ├── style.css │ └── style.scss ├── Spinner Orbits │ ├── index.html │ └── style.css ├── Spinning Box Loader │ ├── index.html │ ├── style.css │ ├── style.css.map │ └── style.scss ├── Spinning Squares │ ├── index.html │ └── style.css ├── Spinning Torus Knot Using Three.js │ ├── index.html │ ├── script.js │ └── style.css ├── Twisted Torus Loader Using Three.js │ ├── index.html │ ├── script.js │ └── style.css ├── Wandering Cubes Loader │ ├── index.html │ └── style.css ├── Waves Loader │ ├── index.html │ └── style.css ├── Waves Loading MI │ ├── index.html │ └── style.css ├── Wavy Heart Animation With Reflection │ ├── index.html │ └── style.css └── Xbox SmartGlass Loader │ ├── index.html │ └── style.css ├── Logos ├── New Twitter Logo Clone │ ├── index.html │ └── style.css └── The Nintendo 64 (N64) 3D Logo Using Three.js │ ├── index.html │ └── style.css ├── Menus ├── Circular Material Menu MI │ ├── index.html │ └── style.css ├── Dot Menu Micro Interaction │ ├── index.html │ └── style.css ├── Fill In Tab Bar Menu Animation │ ├── index.html │ └── style.css ├── Fold Out Mobile Menu │ ├── index.html │ └── style.css ├── Full Page Navigation │ ├── index.html │ └── style.css ├── Full Width Menu Animation │ ├── index.html │ ├── style.css │ └── style.scss ├── Hamburger Icon MI Series │ ├── Hamburger Icon - 01 │ │ ├── index.html │ │ └── style.css │ ├── Hamburger Icon - 02 │ │ ├── index.html │ │ └── style.css │ ├── Hamburger Icon - 03 │ │ ├── index.html │ │ └── style.css │ ├── Hamburger Icon - 04 │ │ ├── index.html │ │ └── style.css │ ├── Hamburger Icon - 05 │ │ ├── index.html │ │ └── style.css │ ├── Hamburger Icon - 06 │ │ ├── index.html │ │ └── style.css │ ├── Hamburger Icon - 07 │ │ ├── index.html │ │ └── style.css │ ├── Hamburger Icon - 08 │ │ ├── index.html │ │ └── style.css │ ├── Hamburger Icon - 09 │ │ ├── index.html │ │ └── style.css │ ├── Hamburger Icon - 10 │ │ ├── index.html │ │ └── style.css │ ├── Hamburger Icon - 11 │ │ ├── index.html │ │ └── style.css │ └── Hamburger Icon - 12 │ │ ├── index.html │ │ └── style.css ├── Hamburger Menu Left │ ├── index.html │ └── style.css ├── Hamburger Menu Right │ ├── index.html │ └── style.css ├── Hide & Seek Tab Bar Animation │ ├── index.html │ └── style.css ├── Menu Bar Opening Interaction │ ├── index.html │ └── style.css ├── Menu Button On Click Interaction │ ├── index.html │ └── style.css ├── Menu Items Hover Effect │ ├── index.html │ └── style.css ├── Morphing Menu Navigation │ ├── index.html │ └── style.css ├── Navbar On Click Sliding Animation │ ├── index.html │ └── style.css ├── Pure CSS Gooey Menu Animation │ ├── index.html │ └── style.css ├── Rotating Hover Navigation │ ├── index.html │ ├── style.css │ ├── style.css.map │ └── style.scss ├── Slide Down Mobile Menu │ ├── index.html │ └── style.css ├── Sliding Spotlight Menu Bar Animation │ ├── index.html │ └── style.css └── Text Reveal Menu MI │ ├── index.html │ ├── style.css │ ├── style.css.map │ └── style.scss └── README.md /.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/.DS_Store -------------------------------------------------------------------------------- /Buttons/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/.DS_Store -------------------------------------------------------------------------------- /Buttons/Add To Cart Interaction/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Add To Cart Interaction/index.html -------------------------------------------------------------------------------- /Buttons/Add To Cart Interaction/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Add To Cart Interaction/style.css -------------------------------------------------------------------------------- /Buttons/Add-Remove Button Interaction/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Add-Remove Button Interaction/index.html -------------------------------------------------------------------------------- /Buttons/Add-Remove Button Interaction/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Add-Remove Button Interaction/style.css -------------------------------------------------------------------------------- /Buttons/Blobs Fill Effect/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Blobs Fill Effect/index.html -------------------------------------------------------------------------------- /Buttons/Blobs Fill Effect/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Blobs Fill Effect/style.css -------------------------------------------------------------------------------- /Buttons/Bubbles On Button Click/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Bubbles On Button Click/index.html -------------------------------------------------------------------------------- /Buttons/Bubbles On Button Click/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Bubbles On Button Click/style.css -------------------------------------------------------------------------------- /Buttons/CheckCross Toggle Button MI/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/CheckCross Toggle Button MI/index.html -------------------------------------------------------------------------------- /Buttons/CheckCross Toggle Button MI/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/CheckCross Toggle Button MI/style.css -------------------------------------------------------------------------------- /Buttons/Colorful Ripple Effect/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Colorful Ripple Effect/index.html -------------------------------------------------------------------------------- /Buttons/Colorful Ripple Effect/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Colorful Ripple Effect/style.css -------------------------------------------------------------------------------- /Buttons/Confirm Order Button MI/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Confirm Order Button MI/index.html -------------------------------------------------------------------------------- /Buttons/Confirm Order Button MI/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Confirm Order Button MI/style.css -------------------------------------------------------------------------------- /Buttons/Cool Button Hover/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Cool Button Hover/index.html -------------------------------------------------------------------------------- /Buttons/Cool Button Hover/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Cool Button Hover/style.css -------------------------------------------------------------------------------- /Buttons/Crazy Button Shape/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Crazy Button Shape/index.html -------------------------------------------------------------------------------- /Buttons/Crazy Button Shape/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Crazy Button Shape/style.css -------------------------------------------------------------------------------- /Buttons/Dark Mode Toggle Icon/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Dark Mode Toggle Icon/index.html -------------------------------------------------------------------------------- /Buttons/Dark Mode Toggle Icon/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Dark Mode Toggle Icon/style.css -------------------------------------------------------------------------------- /Buttons/Dark Mode Toggle Icon/style.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Dark Mode Toggle Icon/style.css.map -------------------------------------------------------------------------------- /Buttons/Dark Mode Toggle Icon/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Dark Mode Toggle Icon/style.scss -------------------------------------------------------------------------------- /Buttons/Delete Button MI/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Delete Button MI/index.html -------------------------------------------------------------------------------- /Buttons/Delete Button MI/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Delete Button MI/style.css -------------------------------------------------------------------------------- /Buttons/Download Button MI/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Download Button MI/index.html -------------------------------------------------------------------------------- /Buttons/Download Button MI/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Download Button MI/style.css -------------------------------------------------------------------------------- /Buttons/Download Progress Micro Interaction/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Download Progress Micro Interaction/index.html -------------------------------------------------------------------------------- /Buttons/Download Progress Micro Interaction/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Download Progress Micro Interaction/style.css -------------------------------------------------------------------------------- /Buttons/Expanding Share Button MI/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Expanding Share Button MI/index.html -------------------------------------------------------------------------------- /Buttons/Expanding Share Button MI/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Expanding Share Button MI/style.css -------------------------------------------------------------------------------- /Buttons/Fancy Border Using CSS Variables/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Fancy Border Using CSS Variables/index.html -------------------------------------------------------------------------------- /Buttons/Fancy Border Using CSS Variables/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Fancy Border Using CSS Variables/style.css -------------------------------------------------------------------------------- /Buttons/Fog Overlay On Button Hover/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Fog Overlay On Button Hover/index.html -------------------------------------------------------------------------------- /Buttons/Fog Overlay On Button Hover/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Fog Overlay On Button Hover/style.css -------------------------------------------------------------------------------- /Buttons/Framed Button MI/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Framed Button MI/index.html -------------------------------------------------------------------------------- /Buttons/Framed Button MI/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Framed Button MI/style.css -------------------------------------------------------------------------------- /Buttons/Framed Button MI/style.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Framed Button MI/style.css.map -------------------------------------------------------------------------------- /Buttons/Framed Button MI/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Framed Button MI/style.scss -------------------------------------------------------------------------------- /Buttons/Galaxy Button/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Galaxy Button/index.html -------------------------------------------------------------------------------- /Buttons/Galaxy Button/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Galaxy Button/style.css -------------------------------------------------------------------------------- /Buttons/Gooey Button MI/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Gooey Button MI/index.html -------------------------------------------------------------------------------- /Buttons/Gooey Button MI/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Gooey Button MI/style.css -------------------------------------------------------------------------------- /Buttons/Gooey Button MI/style.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Gooey Button MI/style.css.map -------------------------------------------------------------------------------- /Buttons/Gooey Button MI/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Gooey Button MI/style.scss -------------------------------------------------------------------------------- /Buttons/Gradient Buttons MI/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Gradient Buttons MI/index.html -------------------------------------------------------------------------------- /Buttons/Gradient Buttons MI/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Gradient Buttons MI/style.css -------------------------------------------------------------------------------- /Buttons/Jelly Button Animation Using GSAP/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Jelly Button Animation Using GSAP/index.html -------------------------------------------------------------------------------- /Buttons/Jelly Button Animation Using GSAP/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Jelly Button Animation Using GSAP/style.css -------------------------------------------------------------------------------- /Buttons/Like Animation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Like Animation/index.html -------------------------------------------------------------------------------- /Buttons/Like Animation/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Like Animation/style.css -------------------------------------------------------------------------------- /Buttons/Mail Button MI/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Mail Button MI/index.html -------------------------------------------------------------------------------- /Buttons/Mail Button MI/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Mail Button MI/style.css -------------------------------------------------------------------------------- /Buttons/Neon Volume Control Bar/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Neon Volume Control Bar/index.html -------------------------------------------------------------------------------- /Buttons/Neon Volume Control Bar/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Neon Volume Control Bar/style.css -------------------------------------------------------------------------------- /Buttons/Notify Me Button Animation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Notify Me Button Animation/index.html -------------------------------------------------------------------------------- /Buttons/Notify Me Button Animation/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Notify Me Button Animation/style.css -------------------------------------------------------------------------------- /Buttons/On Hover Button Flip/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/On Hover Button Flip/index.html -------------------------------------------------------------------------------- /Buttons/On Hover Button Flip/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/On Hover Button Flip/style.css -------------------------------------------------------------------------------- /Buttons/On-Off Switch MI/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/On-Off Switch MI/index.html -------------------------------------------------------------------------------- /Buttons/On-Off Switch MI/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/On-Off Switch MI/style.css -------------------------------------------------------------------------------- /Buttons/Overlap Effect On Button Hover/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Overlap Effect On Button Hover/index.html -------------------------------------------------------------------------------- /Buttons/Overlap Effect On Button Hover/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Overlap Effect On Button Hover/style.css -------------------------------------------------------------------------------- /Buttons/Processing Button MI/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Processing Button MI/index.html -------------------------------------------------------------------------------- /Buttons/Processing Button MI/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Processing Button MI/style.css -------------------------------------------------------------------------------- /Buttons/Pulse Effect On Button Hover/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Pulse Effect On Button Hover/index.html -------------------------------------------------------------------------------- /Buttons/Pulse Effect On Button Hover/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Pulse Effect On Button Hover/style.css -------------------------------------------------------------------------------- /Buttons/Pure CSS: Cute 3D Button/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Pure CSS: Cute 3D Button/index.html -------------------------------------------------------------------------------- /Buttons/Pure CSS: Cute 3D Button/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Pure CSS: Cute 3D Button/style.css -------------------------------------------------------------------------------- /Buttons/Radial Reveal Social Button/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Radial Reveal Social Button/index.html -------------------------------------------------------------------------------- /Buttons/Radial Reveal Social Button/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Radial Reveal Social Button/style.css -------------------------------------------------------------------------------- /Buttons/Radial Toggle Social Icons/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Radial Toggle Social Icons/index.html -------------------------------------------------------------------------------- /Buttons/Radial Toggle Social Icons/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Radial Toggle Social Icons/style.css -------------------------------------------------------------------------------- /Buttons/Radial Toggle Social Icons/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Radial Toggle Social Icons/style.scss -------------------------------------------------------------------------------- /Buttons/Rainbow Gradient Glowing Effect/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Rainbow Gradient Glowing Effect/index.html -------------------------------------------------------------------------------- /Buttons/Rainbow Gradient Glowing Effect/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Rainbow Gradient Glowing Effect/style.css -------------------------------------------------------------------------------- /Buttons/Satisfying Clipboard OnClick Animation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Satisfying Clipboard OnClick Animation/index.html -------------------------------------------------------------------------------- /Buttons/Satisfying Clipboard OnClick Animation/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Satisfying Clipboard OnClick Animation/style.css -------------------------------------------------------------------------------- /Buttons/Send Button Animation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Send Button Animation/index.html -------------------------------------------------------------------------------- /Buttons/Send Button Animation/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Send Button Animation/style.css -------------------------------------------------------------------------------- /Buttons/Shaking Button Animation On Hover/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Shaking Button Animation On Hover/index.html -------------------------------------------------------------------------------- /Buttons/Shaking Button Animation On Hover/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Shaking Button Animation On Hover/style.css -------------------------------------------------------------------------------- /Buttons/Shaking Button Animation On Hover/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Shaking Button Animation On Hover/style.scss -------------------------------------------------------------------------------- /Buttons/Shine Effect On Button Hover/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Shine Effect On Button Hover/index.html -------------------------------------------------------------------------------- /Buttons/Shine Effect On Button Hover/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Shine Effect On Button Hover/style.css -------------------------------------------------------------------------------- /Buttons/Simple Submit Button Animation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Simple Submit Button Animation/index.html -------------------------------------------------------------------------------- /Buttons/Simple Submit Button Animation/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Simple Submit Button Animation/style.css -------------------------------------------------------------------------------- /Buttons/Simple Submit Button Animation/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Simple Submit Button Animation/style.scss -------------------------------------------------------------------------------- /Buttons/Sliced Effect On Button Hover/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Sliced Effect On Button Hover/index.html -------------------------------------------------------------------------------- /Buttons/Sliced Effect On Button Hover/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Sliced Effect On Button Hover/style.css -------------------------------------------------------------------------------- /Buttons/Sliding Arrow On Button Hover Effect/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Sliding Arrow On Button Hover Effect/index.html -------------------------------------------------------------------------------- /Buttons/Sliding Arrow On Button Hover Effect/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Sliding Arrow On Button Hover Effect/style.css -------------------------------------------------------------------------------- /Buttons/Sliding Button On Hover Effect/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Sliding Button On Hover Effect/index.html -------------------------------------------------------------------------------- /Buttons/Sliding Button On Hover Effect/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Sliding Button On Hover Effect/style.css -------------------------------------------------------------------------------- /Buttons/Sparkly Button/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Sparkly Button/index.html -------------------------------------------------------------------------------- /Buttons/Sparkly Button/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Sparkly Button/style.css -------------------------------------------------------------------------------- /Buttons/Star Rating Interaction/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Star Rating Interaction/index.html -------------------------------------------------------------------------------- /Buttons/Star Rating Interaction/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Star Rating Interaction/style.css -------------------------------------------------------------------------------- /Buttons/Submit Button Animation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Submit Button Animation/index.html -------------------------------------------------------------------------------- /Buttons/Submit Button Animation/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Buttons/Submit Button Animation/style.css -------------------------------------------------------------------------------- /Custom MI/Background MI/Changing Background Gradient Animation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Background MI/Changing Background Gradient Animation/index.html -------------------------------------------------------------------------------- /Custom MI/Background MI/Changing Background Gradient Animation/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Background MI/Changing Background Gradient Animation/style.css -------------------------------------------------------------------------------- /Custom MI/Background MI/Colorful Fireworks on Canvas/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Background MI/Colorful Fireworks on Canvas/index.html -------------------------------------------------------------------------------- /Custom MI/Background MI/Colorful Fireworks on Canvas/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Background MI/Colorful Fireworks on Canvas/style.css -------------------------------------------------------------------------------- /Custom MI/Background MI/Curved Header/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Background MI/Curved Header/index.html -------------------------------------------------------------------------------- /Custom MI/Background MI/Curved Header/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Background MI/Curved Header/style.css -------------------------------------------------------------------------------- /Custom MI/Background MI/Honeycomb BG MI/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Background MI/Honeycomb BG MI/index.html -------------------------------------------------------------------------------- /Custom MI/Background MI/Honeycomb BG MI/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Background MI/Honeycomb BG MI/style.css -------------------------------------------------------------------------------- /Custom MI/Background MI/Interactive Mesh BG with Glassmorphism Card/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Background MI/Interactive Mesh BG with Glassmorphism Card/index.html -------------------------------------------------------------------------------- /Custom MI/Background MI/Interactive Mesh BG with Glassmorphism Card/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Background MI/Interactive Mesh BG with Glassmorphism Card/style.css -------------------------------------------------------------------------------- /Custom MI/Background MI/Interactive Mesh BG with Glassmorphism Card/style.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Background MI/Interactive Mesh BG with Glassmorphism Card/style.css.map -------------------------------------------------------------------------------- /Custom MI/Background MI/Interactive Mesh BG with Glassmorphism Card/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Background MI/Interactive Mesh BG with Glassmorphism Card/style.scss -------------------------------------------------------------------------------- /Custom MI/Background MI/Smooth Blurred Gradient Background Effect/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Background MI/Smooth Blurred Gradient Background Effect/index.html -------------------------------------------------------------------------------- /Custom MI/Background MI/Smooth Blurred Gradient Background Effect/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Background MI/Smooth Blurred Gradient Background Effect/style.css -------------------------------------------------------------------------------- /Custom MI/Background MI/Smooth Blurred Gradient Background Effect/style.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Background MI/Smooth Blurred Gradient Background Effect/style.css.map -------------------------------------------------------------------------------- /Custom MI/Background MI/Smooth Blurred Gradient Background Effect/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Background MI/Smooth Blurred Gradient Background Effect/style.scss -------------------------------------------------------------------------------- /Custom MI/Background MI/Subtle Mesh Gradient Background/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Background MI/Subtle Mesh Gradient Background/index.html -------------------------------------------------------------------------------- /Custom MI/Background MI/Subtle Mesh Gradient Background/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Background MI/Subtle Mesh Gradient Background/script.js -------------------------------------------------------------------------------- /Custom MI/Background MI/Subtle Mesh Gradient Background/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Background MI/Subtle Mesh Gradient Background/style.css -------------------------------------------------------------------------------- /Custom MI/Background MI/Subtle Mesh Gradient Background/style.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Background MI/Subtle Mesh Gradient Background/style.css.map -------------------------------------------------------------------------------- /Custom MI/Background MI/Subtle Mesh Gradient Background/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Background MI/Subtle Mesh Gradient Background/style.scss -------------------------------------------------------------------------------- /Custom MI/Cursor MI/Glowing Gradient Effect On Mouse Move/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Cursor MI/Glowing Gradient Effect On Mouse Move/index.html -------------------------------------------------------------------------------- /Custom MI/Cursor MI/Glowing Gradient Effect On Mouse Move/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Cursor MI/Glowing Gradient Effect On Mouse Move/style.css -------------------------------------------------------------------------------- /Custom MI/Cursor MI/Neon Cursor Using Three.js/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Cursor MI/Neon Cursor Using Three.js/index.html -------------------------------------------------------------------------------- /Custom MI/Cursor MI/Neon Cursor Using Three.js/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Cursor MI/Neon Cursor Using Three.js/script.js -------------------------------------------------------------------------------- /Custom MI/Cursor MI/Neon Cursor Using Three.js/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Cursor MI/Neon Cursor Using Three.js/style.css -------------------------------------------------------------------------------- /Custom MI/Cursor MI/Particles Cursor Using Three.js/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Cursor MI/Particles Cursor Using Three.js/index.html -------------------------------------------------------------------------------- /Custom MI/Cursor MI/Particles Cursor Using Three.js/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Cursor MI/Particles Cursor Using Three.js/script.js -------------------------------------------------------------------------------- /Custom MI/Cursor MI/Particles Cursor Using Three.js/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Cursor MI/Particles Cursor Using Three.js/style.css -------------------------------------------------------------------------------- /Custom MI/Cursor MI/Scroll Down Mouse Icon Animation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Cursor MI/Scroll Down Mouse Icon Animation/index.html -------------------------------------------------------------------------------- /Custom MI/Cursor MI/Scroll Down Mouse Icon Animation/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Cursor MI/Scroll Down Mouse Icon Animation/style.css -------------------------------------------------------------------------------- /Custom MI/Cursor MI/Scroll Down Mouse Icon Animation/style.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Cursor MI/Scroll Down Mouse Icon Animation/style.css.map -------------------------------------------------------------------------------- /Custom MI/Cursor MI/Scroll Down Mouse Icon Animation/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Cursor MI/Scroll Down Mouse Icon Animation/style.scss -------------------------------------------------------------------------------- /Custom MI/Different Animations In Motion/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Different Animations In Motion/index.html -------------------------------------------------------------------------------- /Custom MI/Different Animations In Motion/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Different Animations In Motion/style.css -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/3D Image On Hover Effect/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/3D Image On Hover Effect/index.html -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/3D Image On Hover Effect/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/3D Image On Hover Effect/style.css -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/Coverflow Carousel/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/Coverflow Carousel/index.html -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/Coverflow Carousel/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/Coverflow Carousel/script.js -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/Coverflow Carousel/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/Coverflow Carousel/style.css -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/Coverflow Carousel/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/Coverflow Carousel/style.scss -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/Elastic Image Accordion Using GSAP/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/Elastic Image Accordion Using GSAP/index.html -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/Elastic Image Accordion Using GSAP/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/Elastic Image Accordion Using GSAP/style.css -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/Image Card Zoom In And Out Transition/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/Image Card Zoom In And Out Transition/index.html -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/Image Card Zoom In And Out Transition/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/Image Card Zoom In And Out Transition/style.css -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/Infinite Horizontal Scroll MI/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/Infinite Horizontal Scroll MI/index.html -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/Infinite Horizontal Scroll MI/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/Infinite Horizontal Scroll MI/style.css -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/On Hover Image Reveal Animation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/On Hover Image Reveal Animation/index.html -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/On Hover Image Reveal Animation/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/On Hover Image Reveal Animation/style.css -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/Parallax Card Using GSAP/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/Parallax Card Using GSAP/index.html -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/Parallax Card Using GSAP/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/Parallax Card Using GSAP/script.js -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/Parallax Card Using GSAP/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/Parallax Card Using GSAP/style.css -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/Parallax Card Using GSAP/style.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/Parallax Card Using GSAP/style.css.map -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/Parallax Card Using GSAP/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/Parallax Card Using GSAP/style.scss -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/Parallax Effect On Image Hover/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/Parallax Effect On Image Hover/index.html -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/Parallax Effect On Image Hover/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/Parallax Effect On Image Hover/style.css -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/Responsive CSS Cards/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/Responsive CSS Cards/index.html -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/Responsive CSS Cards/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/Responsive CSS Cards/style.css -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/Responsive CSS Cards/style.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/Responsive CSS Cards/style.css.map -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/Responsive CSS Cards/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/Responsive CSS Cards/style.scss -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/Responsive Cool Carousel/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/Responsive Cool Carousel/index.html -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/Responsive Cool Carousel/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/Responsive Cool Carousel/style.css -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/Responsive Cool Carousel/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/Responsive Cool Carousel/style.scss -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/Responsive Parallax Image Gallery/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/Responsive Parallax Image Gallery/index.html -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/Responsive Parallax Image Gallery/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/Responsive Parallax Image Gallery/style.css -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/Responsive Parallax Image Gallery/style.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/Responsive Parallax Image Gallery/style.css.map -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/Responsive Parallax Image Gallery/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/Responsive Parallax Image Gallery/style.scss -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/Stacked Images Slider/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/Stacked Images Slider/index.html -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/Stacked Images Slider/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/Stacked Images Slider/style.css -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/Three.js Parallax Effect/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/Three.js Parallax Effect/index.html -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/Three.js Parallax Effect/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/Three.js Parallax Effect/script.js -------------------------------------------------------------------------------- /Custom MI/Image-Sliders-Cards/Three.js Parallax Effect/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Image-Sliders-Cards/Three.js Parallax Effect/style.css -------------------------------------------------------------------------------- /Custom MI/Tabs MI/Drag And Drop Tabs/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Tabs MI/Drag And Drop Tabs/index.html -------------------------------------------------------------------------------- /Custom MI/Tabs MI/Drag And Drop Tabs/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Tabs MI/Drag And Drop Tabs/style.css -------------------------------------------------------------------------------- /Custom MI/Tabs MI/Drag And Drop Tabs/style.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Tabs MI/Drag And Drop Tabs/style.css.map -------------------------------------------------------------------------------- /Custom MI/Tabs MI/Drag And Drop Tabs/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Tabs MI/Drag And Drop Tabs/style.scss -------------------------------------------------------------------------------- /Custom MI/Text MI/Beautiful Aurora Effect/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Beautiful Aurora Effect/index.html -------------------------------------------------------------------------------- /Custom MI/Text MI/Beautiful Aurora Effect/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Beautiful Aurora Effect/style.css -------------------------------------------------------------------------------- /Custom MI/Text MI/Confetti Text Effect/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Confetti Text Effect/index.html -------------------------------------------------------------------------------- /Custom MI/Text MI/Confetti Text Effect/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Confetti Text Effect/style.css -------------------------------------------------------------------------------- /Custom MI/Text MI/Conic Gradient Text Clip/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Conic Gradient Text Clip/index.html -------------------------------------------------------------------------------- /Custom MI/Text MI/Conic Gradient Text Clip/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Conic Gradient Text Clip/style.css -------------------------------------------------------------------------------- /Custom MI/Text MI/Creative Text MI 01/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Creative Text MI 01/index.html -------------------------------------------------------------------------------- /Custom MI/Text MI/Creative Text MI 01/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Creative Text MI 01/style.css -------------------------------------------------------------------------------- /Custom MI/Text MI/Creative Text MI 01/style.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Creative Text MI 01/style.css.map -------------------------------------------------------------------------------- /Custom MI/Text MI/Creative Text MI 01/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Creative Text MI 01/style.scss -------------------------------------------------------------------------------- /Custom MI/Text MI/Creative Text MI 02/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Creative Text MI 02/index.html -------------------------------------------------------------------------------- /Custom MI/Text MI/Creative Text MI 02/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Creative Text MI 02/style.css -------------------------------------------------------------------------------- /Custom MI/Text MI/Creative Text MI 03/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Creative Text MI 03/index.html -------------------------------------------------------------------------------- /Custom MI/Text MI/Creative Text MI 03/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Creative Text MI 03/style.css -------------------------------------------------------------------------------- /Custom MI/Text MI/Creative Text MI 04/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Creative Text MI 04/index.html -------------------------------------------------------------------------------- /Custom MI/Text MI/Creative Text MI 04/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Creative Text MI 04/style.css -------------------------------------------------------------------------------- /Custom MI/Text MI/Glowing Gradient Text Effect/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Glowing Gradient Text Effect/index.html -------------------------------------------------------------------------------- /Custom MI/Text MI/Glowing Gradient Text Effect/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Glowing Gradient Text Effect/style.css -------------------------------------------------------------------------------- /Custom MI/Text MI/Glowing Gradient Text Effect/style.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Glowing Gradient Text Effect/style.css.map -------------------------------------------------------------------------------- /Custom MI/Text MI/Glowing Gradient Text Effect/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Glowing Gradient Text Effect/style.scss -------------------------------------------------------------------------------- /Custom MI/Text MI/Hacker Like Text Scramble Effect/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Hacker Like Text Scramble Effect/index.html -------------------------------------------------------------------------------- /Custom MI/Text MI/Hacker Like Text Scramble Effect/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Hacker Like Text Scramble Effect/style.css -------------------------------------------------------------------------------- /Custom MI/Text MI/Intro Text Animation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Intro Text Animation/index.html -------------------------------------------------------------------------------- /Custom MI/Text MI/Intro Text Animation/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Intro Text Animation/style.css -------------------------------------------------------------------------------- /Custom MI/Text MI/Intro Text Animation/style.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Intro Text Animation/style.css.map -------------------------------------------------------------------------------- /Custom MI/Text MI/Intro Text Animation/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Intro Text Animation/style.scss -------------------------------------------------------------------------------- /Custom MI/Text MI/Layered Text Effect On Hover/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Layered Text Effect On Hover/index.html -------------------------------------------------------------------------------- /Custom MI/Text MI/Layered Text Effect On Hover/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Layered Text Effect On Hover/style.css -------------------------------------------------------------------------------- /Custom MI/Text MI/On Scroll And hover Effect With GSAP And Clip/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/On Scroll And hover Effect With GSAP And Clip/index.html -------------------------------------------------------------------------------- /Custom MI/Text MI/On Scroll And hover Effect With GSAP And Clip/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/On Scroll And hover Effect With GSAP And Clip/style.css -------------------------------------------------------------------------------- /Custom MI/Text MI/Overlapping Text Effect/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Overlapping Text Effect/index.html -------------------------------------------------------------------------------- /Custom MI/Text MI/Overlapping Text Effect/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Overlapping Text Effect/style.css -------------------------------------------------------------------------------- /Custom MI/Text MI/Spotlight Cursor Text Animation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Spotlight Cursor Text Animation/index.html -------------------------------------------------------------------------------- /Custom MI/Text MI/Spotlight Cursor Text Animation/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Spotlight Cursor Text Animation/style.css -------------------------------------------------------------------------------- /Custom MI/Text MI/Text Reveal Animation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Text Reveal Animation/index.html -------------------------------------------------------------------------------- /Custom MI/Text MI/Text Reveal Animation/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Text Reveal Animation/style.css -------------------------------------------------------------------------------- /Custom MI/Text MI/Text Reveal MI/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Text Reveal MI/index.html -------------------------------------------------------------------------------- /Custom MI/Text MI/Text Reveal MI/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Text Reveal MI/style.css -------------------------------------------------------------------------------- /Custom MI/Text MI/Text Reveal MI/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Text Reveal MI/style.scss -------------------------------------------------------------------------------- /Custom MI/Text MI/Text Switch Effect /index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Text Switch Effect /index.html -------------------------------------------------------------------------------- /Custom MI/Text MI/Text Switch Effect /style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Text Switch Effect /style.css -------------------------------------------------------------------------------- /Custom MI/Text MI/Transference Text MI/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Transference Text MI/index.html -------------------------------------------------------------------------------- /Custom MI/Text MI/Transference Text MI/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Transference Text MI/style.css -------------------------------------------------------------------------------- /Custom MI/Text MI/Transference Text MI/style.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Transference Text MI/style.css.map -------------------------------------------------------------------------------- /Custom MI/Text MI/Transference Text MI/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Custom MI/Text MI/Transference Text MI/style.scss -------------------------------------------------------------------------------- /Error-Pages/404 Error Page Animation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Error-Pages/404 Error Page Animation/index.html -------------------------------------------------------------------------------- /Error-Pages/404 Error Page Animation/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Error-Pages/404 Error Page Animation/style.css -------------------------------------------------------------------------------- /Error-Pages/404 Glitch Text Effect/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Error-Pages/404 Glitch Text Effect/index.html -------------------------------------------------------------------------------- /Error-Pages/404 Glitch Text Effect/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Error-Pages/404 Glitch Text Effect/style.css -------------------------------------------------------------------------------- /Error-Pages/Page Not Found MI/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Error-Pages/Page Not Found MI/index.html -------------------------------------------------------------------------------- /Error-Pages/Page Not Found MI/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Error-Pages/Page Not Found MI/style.css -------------------------------------------------------------------------------- /Forms-Inputs/3D Light On-Off Toggle Animation /index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/3D Light On-Off Toggle Animation /index.html -------------------------------------------------------------------------------- /Forms-Inputs/3D Light On-Off Toggle Animation /style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/3D Light On-Off Toggle Animation /style.css -------------------------------------------------------------------------------- /Forms-Inputs/Accent Color Example/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Accent Color Example/index.html -------------------------------------------------------------------------------- /Forms-Inputs/Accent Color Example/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Accent Color Example/style.css -------------------------------------------------------------------------------- /Forms-Inputs/Bulgy Radio Buttons /index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Bulgy Radio Buttons /index.html -------------------------------------------------------------------------------- /Forms-Inputs/Bulgy Radio Buttons /style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Bulgy Radio Buttons /style.css -------------------------------------------------------------------------------- /Forms-Inputs/Check Cross Toggle Icon MI/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Check Cross Toggle Icon MI/index.html -------------------------------------------------------------------------------- /Forms-Inputs/Check Cross Toggle Icon MI/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Check Cross Toggle Icon MI/style.css -------------------------------------------------------------------------------- /Forms-Inputs/Check Cross Toggle Icon MI/style.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Check Cross Toggle Icon MI/style.css.map -------------------------------------------------------------------------------- /Forms-Inputs/Check Cross Toggle Icon MI/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Check Cross Toggle Icon MI/style.scss -------------------------------------------------------------------------------- /Forms-Inputs/CheckCross Custom Toggle/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/CheckCross Custom Toggle/index.html -------------------------------------------------------------------------------- /Forms-Inputs/CheckCross Custom Toggle/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/CheckCross Custom Toggle/style.css -------------------------------------------------------------------------------- /Forms-Inputs/Color Changing Radio Slider/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Color Changing Radio Slider/index.html -------------------------------------------------------------------------------- /Forms-Inputs/Color Changing Radio Slider/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Color Changing Radio Slider/style.css -------------------------------------------------------------------------------- /Forms-Inputs/Custom Checkbox/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Custom Checkbox/index.html -------------------------------------------------------------------------------- /Forms-Inputs/Custom Checkbox/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Custom Checkbox/style.css -------------------------------------------------------------------------------- /Forms-Inputs/Custom Checklist/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Custom Checklist/index.html -------------------------------------------------------------------------------- /Forms-Inputs/Custom Checklist/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Custom Checklist/style.css -------------------------------------------------------------------------------- /Forms-Inputs/Custom Radio Buttons/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Custom Radio Buttons/index.html -------------------------------------------------------------------------------- /Forms-Inputs/Custom Radio Buttons/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Custom Radio Buttons/style.css -------------------------------------------------------------------------------- /Forms-Inputs/Custom Slap Toggle MI/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Custom Slap Toggle MI/index.html -------------------------------------------------------------------------------- /Forms-Inputs/Custom Slap Toggle MI/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Custom Slap Toggle MI/style.css -------------------------------------------------------------------------------- /Forms-Inputs/Cute Merging Letter Toggle/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Cute Merging Letter Toggle/index.html -------------------------------------------------------------------------------- /Forms-Inputs/Cute Merging Letter Toggle/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Cute Merging Letter Toggle/style.css -------------------------------------------------------------------------------- /Forms-Inputs/Dark Mode Toggle Sliding Icons MI/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Dark Mode Toggle Sliding Icons MI/index.html -------------------------------------------------------------------------------- /Forms-Inputs/Dark Mode Toggle Sliding Icons MI/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Dark Mode Toggle Sliding Icons MI/style.css -------------------------------------------------------------------------------- /Forms-Inputs/Dark Mode Toggle Sliding Icons MI/style.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Dark Mode Toggle Sliding Icons MI/style.css.map -------------------------------------------------------------------------------- /Forms-Inputs/Dark Mode Toggle Sliding Icons MI/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Dark Mode Toggle Sliding Icons MI/style.scss -------------------------------------------------------------------------------- /Forms-Inputs/Dark Neon Toggle Switch/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Dark Neon Toggle Switch/index.html -------------------------------------------------------------------------------- /Forms-Inputs/Dark Neon Toggle Switch/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Dark Neon Toggle Switch/style.css -------------------------------------------------------------------------------- /Forms-Inputs/Dark Neon Toggle Switch/style.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Dark Neon Toggle Switch/style.css.map -------------------------------------------------------------------------------- /Forms-Inputs/Dark Neon Toggle Switch/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Dark Neon Toggle Switch/style.scss -------------------------------------------------------------------------------- /Forms-Inputs/Elastic Input Validation MI/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Elastic Input Validation MI/index.html -------------------------------------------------------------------------------- /Forms-Inputs/Elastic Input Validation MI/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Elastic Input Validation MI/style.css -------------------------------------------------------------------------------- /Forms-Inputs/Emoji Toggle Icon MI/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Emoji Toggle Icon MI/index.html -------------------------------------------------------------------------------- /Forms-Inputs/Emoji Toggle Icon MI/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Emoji Toggle Icon MI/style.css -------------------------------------------------------------------------------- /Forms-Inputs/Emoji Toggle Icon MI/style.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Emoji Toggle Icon MI/style.css.map -------------------------------------------------------------------------------- /Forms-Inputs/Emoji Toggle Icon MI/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Emoji Toggle Icon MI/style.scss -------------------------------------------------------------------------------- /Forms-Inputs/Engraved Dark Theme Toggle/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Engraved Dark Theme Toggle/index.html -------------------------------------------------------------------------------- /Forms-Inputs/Engraved Dark Theme Toggle/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Engraved Dark Theme Toggle/style.css -------------------------------------------------------------------------------- /Forms-Inputs/Fancy Radio Button MI/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Fancy Radio Button MI/index.html -------------------------------------------------------------------------------- /Forms-Inputs/Fancy Radio Button MI/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Fancy Radio Button MI/style.css -------------------------------------------------------------------------------- /Forms-Inputs/Gooey Toggle/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Gooey Toggle/index.html -------------------------------------------------------------------------------- /Forms-Inputs/Gooey Toggle/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Gooey Toggle/style.css -------------------------------------------------------------------------------- /Forms-Inputs/Gradient Border On Input Focus MI/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Gradient Border On Input Focus MI/index.html -------------------------------------------------------------------------------- /Forms-Inputs/Gradient Border On Input Focus MI/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Gradient Border On Input Focus MI/style.css -------------------------------------------------------------------------------- /Forms-Inputs/Hopping Radio Button MI/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Hopping Radio Button MI/index.html -------------------------------------------------------------------------------- /Forms-Inputs/Hopping Radio Button MI/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Hopping Radio Button MI/style.css -------------------------------------------------------------------------------- /Forms-Inputs/Jelly Radio Buttons/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Jelly Radio Buttons/index.html -------------------------------------------------------------------------------- /Forms-Inputs/Jelly Radio Buttons/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Jelly Radio Buttons/style.css -------------------------------------------------------------------------------- /Forms-Inputs/Liquid CheckBox MI/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Liquid CheckBox MI/index.html -------------------------------------------------------------------------------- /Forms-Inputs/Liquid CheckBox MI/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Liquid CheckBox MI/style.css -------------------------------------------------------------------------------- /Forms-Inputs/Minimal Dark Mode Toggle/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Minimal Dark Mode Toggle/index.html -------------------------------------------------------------------------------- /Forms-Inputs/Minimal Dark Mode Toggle/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Minimal Dark Mode Toggle/style.css -------------------------------------------------------------------------------- /Forms-Inputs/Neumorphic Toggle Switch/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Neumorphic Toggle Switch/index.html -------------------------------------------------------------------------------- /Forms-Inputs/Neumorphic Toggle Switch/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Neumorphic Toggle Switch/style.css -------------------------------------------------------------------------------- /Forms-Inputs/Pure CSS Fancy Input Box/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Pure CSS Fancy Input Box/index.html -------------------------------------------------------------------------------- /Forms-Inputs/Pure CSS Fancy Input Box/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Pure CSS Fancy Input Box/style.css -------------------------------------------------------------------------------- /Forms-Inputs/Pure CSS No SVG Dark Mode Toggle/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Pure CSS No SVG Dark Mode Toggle/index.html -------------------------------------------------------------------------------- /Forms-Inputs/Pure CSS No SVG Dark Mode Toggle/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Pure CSS No SVG Dark Mode Toggle/style.css -------------------------------------------------------------------------------- /Forms-Inputs/Pure CSS No SVG Dark Mode Toggle/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Pure CSS No SVG Dark Mode Toggle/style.scss -------------------------------------------------------------------------------- /Forms-Inputs/Ripple MI Radio Buttons/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Ripple MI Radio Buttons/index.html -------------------------------------------------------------------------------- /Forms-Inputs/Ripple MI Radio Buttons/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Ripple MI Radio Buttons/style.css -------------------------------------------------------------------------------- /Forms-Inputs/Rollback Toggle/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Rollback Toggle/index.html -------------------------------------------------------------------------------- /Forms-Inputs/Rollback Toggle/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Rollback Toggle/style.css -------------------------------------------------------------------------------- /Forms-Inputs/Rolling Dark Mode Toggle/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Rolling Dark Mode Toggle/index.html -------------------------------------------------------------------------------- /Forms-Inputs/Rolling Dark Mode Toggle/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Rolling Dark Mode Toggle/style.css -------------------------------------------------------------------------------- /Forms-Inputs/Search Box Micro Interaction/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Search Box Micro Interaction/index.html -------------------------------------------------------------------------------- /Forms-Inputs/Search Box Micro Interaction/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Search Box Micro Interaction/style.css -------------------------------------------------------------------------------- /Forms-Inputs/SignIn-SignUp Form/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/SignIn-SignUp Form/index.html -------------------------------------------------------------------------------- /Forms-Inputs/SignIn-SignUp Form/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/SignIn-SignUp Form/style.css -------------------------------------------------------------------------------- /Forms-Inputs/Simple Login Form/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Simple Login Form/index.html -------------------------------------------------------------------------------- /Forms-Inputs/Simple Login Form/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Simple Login Form/style.css -------------------------------------------------------------------------------- /Forms-Inputs/Sliding Radio Buttons/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Sliding Radio Buttons/index.html -------------------------------------------------------------------------------- /Forms-Inputs/Sliding Radio Buttons/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Sliding Radio Buttons/style.css -------------------------------------------------------------------------------- /Forms-Inputs/Sliding Tabs MI/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Sliding Tabs MI/index.html -------------------------------------------------------------------------------- /Forms-Inputs/Sliding Tabs MI/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Sliding Tabs MI/style.css -------------------------------------------------------------------------------- /Forms-Inputs/Sliding Tabs Using Pure CSS/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Sliding Tabs Using Pure CSS/index.html -------------------------------------------------------------------------------- /Forms-Inputs/Sliding Tabs Using Pure CSS/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Sliding Tabs Using Pure CSS/style.css -------------------------------------------------------------------------------- /Forms-Inputs/Snaky Toggle MI/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Snaky Toggle MI/index.html -------------------------------------------------------------------------------- /Forms-Inputs/Snaky Toggle MI/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Snaky Toggle MI/style.css -------------------------------------------------------------------------------- /Forms-Inputs/Snaky Toggle MI/style.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Snaky Toggle MI/style.css.map -------------------------------------------------------------------------------- /Forms-Inputs/Snaky Toggle MI/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Snaky Toggle MI/style.scss -------------------------------------------------------------------------------- /Forms-Inputs/Stretching Tab Selector/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Stretching Tab Selector/index.html -------------------------------------------------------------------------------- /Forms-Inputs/Stretching Tab Selector/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Stretching Tab Selector/style.css -------------------------------------------------------------------------------- /Forms-Inputs/Theme Changing Toggle/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Theme Changing Toggle/index.html -------------------------------------------------------------------------------- /Forms-Inputs/Theme Changing Toggle/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Theme Changing Toggle/style.css -------------------------------------------------------------------------------- /Forms-Inputs/Underground Radio Buttons MI/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Underground Radio Buttons MI/index.html -------------------------------------------------------------------------------- /Forms-Inputs/Underground Radio Buttons MI/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Forms-Inputs/Underground Radio Buttons MI/style.css -------------------------------------------------------------------------------- /Hover-Effects/Anchor Link Hover Effects/Custom Link Hover Animation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Anchor Link Hover Effects/Custom Link Hover Animation/index.html -------------------------------------------------------------------------------- /Hover-Effects/Anchor Link Hover Effects/Custom Link Hover Animation/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Anchor Link Hover Effects/Custom Link Hover Animation/style.css -------------------------------------------------------------------------------- /Hover-Effects/Anchor Link Hover Effects/Growing Background Effect/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Anchor Link Hover Effects/Growing Background Effect/index.html -------------------------------------------------------------------------------- /Hover-Effects/Anchor Link Hover Effects/Growing Background Effect/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Anchor Link Hover Effects/Growing Background Effect/style.css -------------------------------------------------------------------------------- /Hover-Effects/Anchor Link Hover Effects/Rainbow Underline Effect/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Anchor Link Hover Effects/Rainbow Underline Effect/index.html -------------------------------------------------------------------------------- /Hover-Effects/Anchor Link Hover Effects/Rainbow Underline Effect/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Anchor Link Hover Effects/Rainbow Underline Effect/style.css -------------------------------------------------------------------------------- /Hover-Effects/Anchor Link Hover Effects/Right To Left Color Swap Effect/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Anchor Link Hover Effects/Right To Left Color Swap Effect/index.html -------------------------------------------------------------------------------- /Hover-Effects/Anchor Link Hover Effects/Right To Left Color Swap Effect/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Anchor Link Hover Effects/Right To Left Color Swap Effect/style.css -------------------------------------------------------------------------------- /Hover-Effects/Anchor Link Hover Effects/Sliding Highlight Effect/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Anchor Link Hover Effects/Sliding Highlight Effect/index.html -------------------------------------------------------------------------------- /Hover-Effects/Anchor Link Hover Effects/Sliding Highlight Effect/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Anchor Link Hover Effects/Sliding Highlight Effect/style.css -------------------------------------------------------------------------------- /Hover-Effects/Anchor Link Hover Effects/Text Swapping Effect/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Anchor Link Hover Effects/Text Swapping Effect/index.html -------------------------------------------------------------------------------- /Hover-Effects/Anchor Link Hover Effects/Text Swapping Effect/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Anchor Link Hover Effects/Text Swapping Effect/style.css -------------------------------------------------------------------------------- /Hover-Effects/Background Focus Effect/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Background Focus Effect/index.html -------------------------------------------------------------------------------- /Hover-Effects/Background Focus Effect/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Background Focus Effect/style.css -------------------------------------------------------------------------------- /Hover-Effects/Card Hover Animation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Card Hover Animation/index.html -------------------------------------------------------------------------------- /Hover-Effects/Card Hover Animation/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Card Hover Animation/style.css -------------------------------------------------------------------------------- /Hover-Effects/Card Hover Animation/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Card Hover Animation/style.scss -------------------------------------------------------------------------------- /Hover-Effects/Cool Gradient Social Icons Hover/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Cool Gradient Social Icons Hover/index.html -------------------------------------------------------------------------------- /Hover-Effects/Cool Gradient Social Icons Hover/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Cool Gradient Social Icons Hover/style.css -------------------------------------------------------------------------------- /Hover-Effects/Fill Text On Hover/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Fill Text On Hover/index.html -------------------------------------------------------------------------------- /Hover-Effects/Fill Text On Hover/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Fill Text On Hover/style.css -------------------------------------------------------------------------------- /Hover-Effects/Gradient Border On Hover Animation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Gradient Border On Hover Animation/index.html -------------------------------------------------------------------------------- /Hover-Effects/Gradient Border On Hover Animation/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Gradient Border On Hover Animation/style.css -------------------------------------------------------------------------------- /Hover-Effects/Gradient Border On Hover Animation/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Gradient Border On Hover Animation/style.scss -------------------------------------------------------------------------------- /Hover-Effects/Icons Hover Effects/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Icons Hover Effects/index.html -------------------------------------------------------------------------------- /Hover-Effects/Icons Hover Effects/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Icons Hover Effects/style.css -------------------------------------------------------------------------------- /Hover-Effects/Image Card Stack Hover Effect/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Image Card Stack Hover Effect/index.html -------------------------------------------------------------------------------- /Hover-Effects/Image Card Stack Hover Effect/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Image Card Stack Hover Effect/style.css -------------------------------------------------------------------------------- /Hover-Effects/Slide In Social Icons/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Slide In Social Icons/index.html -------------------------------------------------------------------------------- /Hover-Effects/Slide In Social Icons/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Slide In Social Icons/style.css -------------------------------------------------------------------------------- /Hover-Effects/Slide In Social Icons/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Slide In Social Icons/style.scss -------------------------------------------------------------------------------- /Hover-Effects/Social Icon Hover Effects/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Social Icon Hover Effects/index.html -------------------------------------------------------------------------------- /Hover-Effects/Social Icon Hover Effects/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Social Icon Hover Effects/style.css -------------------------------------------------------------------------------- /Hover-Effects/Social Icon Popup Hover/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Social Icon Popup Hover/index.html -------------------------------------------------------------------------------- /Hover-Effects/Social Icon Popup Hover/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Social Icon Popup Hover/style.css -------------------------------------------------------------------------------- /Hover-Effects/Text Reveal On Card Hover/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Text Reveal On Card Hover/index.html -------------------------------------------------------------------------------- /Hover-Effects/Text Reveal On Card Hover/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Text Reveal On Card Hover/style.css -------------------------------------------------------------------------------- /Hover-Effects/Text Reveal On Card Hover/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Hover-Effects/Text Reveal On Card Hover/style.scss -------------------------------------------------------------------------------- /Loaders/3D Gradient Circles Spinner/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/3D Gradient Circles Spinner/index.html -------------------------------------------------------------------------------- /Loaders/3D Gradient Circles Spinner/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/3D Gradient Circles Spinner/style.css -------------------------------------------------------------------------------- /Loaders/3D Rotating Geometry Shape Using Three.js/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/3D Rotating Geometry Shape Using Three.js/index.html -------------------------------------------------------------------------------- /Loaders/3D Rotating Geometry Shape Using Three.js/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/3D Rotating Geometry Shape Using Three.js/style.css -------------------------------------------------------------------------------- /Loaders/Animated Loading Screen/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Animated Loading Screen/index.html -------------------------------------------------------------------------------- /Loaders/Animated Loading Screen/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Animated Loading Screen/style.css -------------------------------------------------------------------------------- /Loaders/Basic Gradient Spinner/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Basic Gradient Spinner/index.html -------------------------------------------------------------------------------- /Loaders/Basic Gradient Spinner/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Basic Gradient Spinner/style.css -------------------------------------------------------------------------------- /Loaders/Blob Effect Micro Interaction/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Blob Effect Micro Interaction/index.html -------------------------------------------------------------------------------- /Loaders/Blob Effect Micro Interaction/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Blob Effect Micro Interaction/style.css -------------------------------------------------------------------------------- /Loaders/Bouncing Ball Animation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Bouncing Ball Animation/index.html -------------------------------------------------------------------------------- /Loaders/Bouncing Ball Animation/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Bouncing Ball Animation/style.css -------------------------------------------------------------------------------- /Loaders/Delivery Truck Loader/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Delivery Truck Loader/index.html -------------------------------------------------------------------------------- /Loaders/Delivery Truck Loader/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Delivery Truck Loader/style.css -------------------------------------------------------------------------------- /Loaders/Delivery Truck Loader/style.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Delivery Truck Loader/style.css.map -------------------------------------------------------------------------------- /Loaders/Delivery Truck Loader/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Delivery Truck Loader/style.scss -------------------------------------------------------------------------------- /Loaders/Dots & Ring Loader - With Dark Mode/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Dots & Ring Loader - With Dark Mode/index.html -------------------------------------------------------------------------------- /Loaders/Dots & Ring Loader - With Dark Mode/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Dots & Ring Loader - With Dark Mode/style.css -------------------------------------------------------------------------------- /Loaders/Fill Glass Loading Interaction/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Fill Glass Loading Interaction/index.html -------------------------------------------------------------------------------- /Loaders/Fill Glass Loading Interaction/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Fill Glass Loading Interaction/style.css -------------------------------------------------------------------------------- /Loaders/Flying Rocket Loader/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Flying Rocket Loader/index.html -------------------------------------------------------------------------------- /Loaders/Flying Rocket Loader/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Flying Rocket Loader/style.css -------------------------------------------------------------------------------- /Loaders/Folding Cube Loader/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Folding Cube Loader/index.html -------------------------------------------------------------------------------- /Loaders/Folding Cube Loader/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Folding Cube Loader/style.css -------------------------------------------------------------------------------- /Loaders/Frying Pan Loading/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Frying Pan Loading/index.html -------------------------------------------------------------------------------- /Loaders/Frying Pan Loading/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Frying Pan Loading/style.css -------------------------------------------------------------------------------- /Loaders/Frying Pan Loading/style.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Frying Pan Loading/style.css.map -------------------------------------------------------------------------------- /Loaders/Frying Pan Loading/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Frying Pan Loading/style.scss -------------------------------------------------------------------------------- /Loaders/Geometric Loader/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Geometric Loader/index.html -------------------------------------------------------------------------------- /Loaders/Geometric Loader/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Geometric Loader/style.css -------------------------------------------------------------------------------- /Loaders/Geometric Loader/style.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Geometric Loader/style.css.map -------------------------------------------------------------------------------- /Loaders/Geometric Loader/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Geometric Loader/style.scss -------------------------------------------------------------------------------- /Loaders/Ghost Loader/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Ghost Loader/index.html -------------------------------------------------------------------------------- /Loaders/Ghost Loader/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Ghost Loader/style.css -------------------------------------------------------------------------------- /Loaders/Infinity ∞ Loader Animation Using Three.js copy/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Infinity ∞ Loader Animation Using Three.js copy/index.html -------------------------------------------------------------------------------- /Loaders/Infinity ∞ Loader Animation Using Three.js copy/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Infinity ∞ Loader Animation Using Three.js copy/style.css -------------------------------------------------------------------------------- /Loaders/Infinity ∞ Loader Animation Using Three.js/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Infinity ∞ Loader Animation Using Three.js/index.html -------------------------------------------------------------------------------- /Loaders/Infinity ∞ Loader Animation Using Three.js/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Infinity ∞ Loader Animation Using Three.js/script.js -------------------------------------------------------------------------------- /Loaders/Infinity ∞ Loader Animation Using Three.js/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Infinity ∞ Loader Animation Using Three.js/style.css -------------------------------------------------------------------------------- /Loaders/Jumping Boxes Loader Animation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Jumping Boxes Loader Animation/index.html -------------------------------------------------------------------------------- /Loaders/Jumping Boxes Loader Animation/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Jumping Boxes Loader Animation/style.css -------------------------------------------------------------------------------- /Loaders/Loading Spinner Animation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Loading Spinner Animation/index.html -------------------------------------------------------------------------------- /Loaders/Loading Spinner Animation/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Loading Spinner Animation/style.css -------------------------------------------------------------------------------- /Loaders/Loading Text Animation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Loading Text Animation/index.html -------------------------------------------------------------------------------- /Loaders/Loading Text Animation/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Loading Text Animation/style.css -------------------------------------------------------------------------------- /Loaders/Loading Text Animation/style.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Loading Text Animation/style.css.map -------------------------------------------------------------------------------- /Loaders/Loading Text Animation/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Loading Text Animation/style.scss -------------------------------------------------------------------------------- /Loaders/Loading Text MI/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Loading Text MI/index.html -------------------------------------------------------------------------------- /Loaders/Loading Text MI/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Loading Text MI/style.css -------------------------------------------------------------------------------- /Loaders/Loading Text MI/style.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Loading Text MI/style.css.map -------------------------------------------------------------------------------- /Loaders/Loading Text MI/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Loading Text MI/style.scss -------------------------------------------------------------------------------- /Loaders/Oddly Satisfying Loader/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Oddly Satisfying Loader/index.html -------------------------------------------------------------------------------- /Loaders/Oddly Satisfying Loader/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Oddly Satisfying Loader/style.css -------------------------------------------------------------------------------- /Loaders/On The Way Loading MI/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/On The Way Loading MI/index.html -------------------------------------------------------------------------------- /Loaders/On The Way Loading MI/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/On The Way Loading MI/style.css -------------------------------------------------------------------------------- /Loaders/On The Way Loading MI/tree.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/On The Way Loading MI/tree.svg -------------------------------------------------------------------------------- /Loaders/On The Way Loading MI/truck.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/On The Way Loading MI/truck.svg -------------------------------------------------------------------------------- /Loaders/On The Way Loading MI/wheels.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/On The Way Loading MI/wheels.svg -------------------------------------------------------------------------------- /Loaders/Pacman Loader/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Pacman Loader/index.html -------------------------------------------------------------------------------- /Loaders/Pacman Loader/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Pacman Loader/style.css -------------------------------------------------------------------------------- /Loaders/Paper Plane Loading MI/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Paper Plane Loading MI/index.html -------------------------------------------------------------------------------- /Loaders/Paper Plane Loading MI/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Paper Plane Loading MI/style.css -------------------------------------------------------------------------------- /Loaders/Pendulum Loader/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Pendulum Loader/index.html -------------------------------------------------------------------------------- /Loaders/Pendulum Loader/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Pendulum Loader/style.css -------------------------------------------------------------------------------- /Loaders/Ping Pong Loading Animation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Ping Pong Loading Animation/index.html -------------------------------------------------------------------------------- /Loaders/Ping Pong Loading Animation/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Ping Pong Loading Animation/style.css -------------------------------------------------------------------------------- /Loaders/Ping Pong Loading Animation/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Ping Pong Loading Animation/style.scss -------------------------------------------------------------------------------- /Loaders/Pre Loader Micro Interaction/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Pre Loader Micro Interaction/index.html -------------------------------------------------------------------------------- /Loaders/Pre Loader Micro Interaction/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Pre Loader Micro Interaction/style.css -------------------------------------------------------------------------------- /Loaders/Rainbow Spinner/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Rainbow Spinner/index.html -------------------------------------------------------------------------------- /Loaders/Rainbow Spinner/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Rainbow Spinner/style.css -------------------------------------------------------------------------------- /Loaders/Ripple Loading Animation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Ripple Loading Animation/index.html -------------------------------------------------------------------------------- /Loaders/Ripple Loading Animation/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Ripple Loading Animation/style.css -------------------------------------------------------------------------------- /Loaders/Running Dots Loader/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Running Dots Loader/index.html -------------------------------------------------------------------------------- /Loaders/Running Dots Loader/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Running Dots Loader/style.css -------------------------------------------------------------------------------- /Loaders/Shape Morphing Spinner Animation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Shape Morphing Spinner Animation/index.html -------------------------------------------------------------------------------- /Loaders/Shape Morphing Spinner Animation/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Shape Morphing Spinner Animation/style.css -------------------------------------------------------------------------------- /Loaders/Shiny Loader/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Shiny Loader/index.html -------------------------------------------------------------------------------- /Loaders/Shiny Loader/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Shiny Loader/style.css -------------------------------------------------------------------------------- /Loaders/Sliding Box Loading MI/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Sliding Box Loading MI/index.html -------------------------------------------------------------------------------- /Loaders/Sliding Box Loading MI/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Sliding Box Loading MI/style.css -------------------------------------------------------------------------------- /Loaders/Sliding Box Loading MI/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Sliding Box Loading MI/style.scss -------------------------------------------------------------------------------- /Loaders/Spinner Orbits/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Spinner Orbits/index.html -------------------------------------------------------------------------------- /Loaders/Spinner Orbits/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Spinner Orbits/style.css -------------------------------------------------------------------------------- /Loaders/Spinning Box Loader/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Spinning Box Loader/index.html -------------------------------------------------------------------------------- /Loaders/Spinning Box Loader/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Spinning Box Loader/style.css -------------------------------------------------------------------------------- /Loaders/Spinning Box Loader/style.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Spinning Box Loader/style.css.map -------------------------------------------------------------------------------- /Loaders/Spinning Box Loader/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Spinning Box Loader/style.scss -------------------------------------------------------------------------------- /Loaders/Spinning Squares/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Spinning Squares/index.html -------------------------------------------------------------------------------- /Loaders/Spinning Squares/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Spinning Squares/style.css -------------------------------------------------------------------------------- /Loaders/Spinning Torus Knot Using Three.js/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Spinning Torus Knot Using Three.js/index.html -------------------------------------------------------------------------------- /Loaders/Spinning Torus Knot Using Three.js/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Spinning Torus Knot Using Three.js/script.js -------------------------------------------------------------------------------- /Loaders/Spinning Torus Knot Using Three.js/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Spinning Torus Knot Using Three.js/style.css -------------------------------------------------------------------------------- /Loaders/Twisted Torus Loader Using Three.js/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Twisted Torus Loader Using Three.js/index.html -------------------------------------------------------------------------------- /Loaders/Twisted Torus Loader Using Three.js/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Twisted Torus Loader Using Three.js/script.js -------------------------------------------------------------------------------- /Loaders/Twisted Torus Loader Using Three.js/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Twisted Torus Loader Using Three.js/style.css -------------------------------------------------------------------------------- /Loaders/Wandering Cubes Loader/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Wandering Cubes Loader/index.html -------------------------------------------------------------------------------- /Loaders/Wandering Cubes Loader/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Wandering Cubes Loader/style.css -------------------------------------------------------------------------------- /Loaders/Waves Loader/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Waves Loader/index.html -------------------------------------------------------------------------------- /Loaders/Waves Loader/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Waves Loader/style.css -------------------------------------------------------------------------------- /Loaders/Waves Loading MI/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Waves Loading MI/index.html -------------------------------------------------------------------------------- /Loaders/Waves Loading MI/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Waves Loading MI/style.css -------------------------------------------------------------------------------- /Loaders/Wavy Heart Animation With Reflection /index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Wavy Heart Animation With Reflection /index.html -------------------------------------------------------------------------------- /Loaders/Wavy Heart Animation With Reflection /style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Wavy Heart Animation With Reflection /style.css -------------------------------------------------------------------------------- /Loaders/Xbox SmartGlass Loader/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Xbox SmartGlass Loader/index.html -------------------------------------------------------------------------------- /Loaders/Xbox SmartGlass Loader/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Loaders/Xbox SmartGlass Loader/style.css -------------------------------------------------------------------------------- /Logos/New Twitter Logo Clone/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Logos/New Twitter Logo Clone/index.html -------------------------------------------------------------------------------- /Logos/New Twitter Logo Clone/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Logos/New Twitter Logo Clone/style.css -------------------------------------------------------------------------------- /Logos/The Nintendo 64 (N64) 3D Logo Using Three.js/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Logos/The Nintendo 64 (N64) 3D Logo Using Three.js/index.html -------------------------------------------------------------------------------- /Logos/The Nintendo 64 (N64) 3D Logo Using Three.js/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Logos/The Nintendo 64 (N64) 3D Logo Using Three.js/style.css -------------------------------------------------------------------------------- /Menus/Circular Material Menu MI/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Circular Material Menu MI/index.html -------------------------------------------------------------------------------- /Menus/Circular Material Menu MI/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Circular Material Menu MI/style.css -------------------------------------------------------------------------------- /Menus/Dot Menu Micro Interaction/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Dot Menu Micro Interaction/index.html -------------------------------------------------------------------------------- /Menus/Dot Menu Micro Interaction/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Dot Menu Micro Interaction/style.css -------------------------------------------------------------------------------- /Menus/Fill In Tab Bar Menu Animation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Fill In Tab Bar Menu Animation/index.html -------------------------------------------------------------------------------- /Menus/Fill In Tab Bar Menu Animation/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Fill In Tab Bar Menu Animation/style.css -------------------------------------------------------------------------------- /Menus/Fold Out Mobile Menu/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Fold Out Mobile Menu/index.html -------------------------------------------------------------------------------- /Menus/Fold Out Mobile Menu/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Fold Out Mobile Menu/style.css -------------------------------------------------------------------------------- /Menus/Full Page Navigation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Full Page Navigation/index.html -------------------------------------------------------------------------------- /Menus/Full Page Navigation/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Full Page Navigation/style.css -------------------------------------------------------------------------------- /Menus/Full Width Menu Animation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Full Width Menu Animation/index.html -------------------------------------------------------------------------------- /Menus/Full Width Menu Animation/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Full Width Menu Animation/style.css -------------------------------------------------------------------------------- /Menus/Full Width Menu Animation/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Full Width Menu Animation/style.scss -------------------------------------------------------------------------------- /Menus/Hamburger Icon MI Series/Hamburger Icon - 01/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Hamburger Icon MI Series/Hamburger Icon - 01/index.html -------------------------------------------------------------------------------- /Menus/Hamburger Icon MI Series/Hamburger Icon - 01/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Hamburger Icon MI Series/Hamburger Icon - 01/style.css -------------------------------------------------------------------------------- /Menus/Hamburger Icon MI Series/Hamburger Icon - 02/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Hamburger Icon MI Series/Hamburger Icon - 02/index.html -------------------------------------------------------------------------------- /Menus/Hamburger Icon MI Series/Hamburger Icon - 02/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Hamburger Icon MI Series/Hamburger Icon - 02/style.css -------------------------------------------------------------------------------- /Menus/Hamburger Icon MI Series/Hamburger Icon - 03/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Hamburger Icon MI Series/Hamburger Icon - 03/index.html -------------------------------------------------------------------------------- /Menus/Hamburger Icon MI Series/Hamburger Icon - 03/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Hamburger Icon MI Series/Hamburger Icon - 03/style.css -------------------------------------------------------------------------------- /Menus/Hamburger Icon MI Series/Hamburger Icon - 04/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Hamburger Icon MI Series/Hamburger Icon - 04/index.html -------------------------------------------------------------------------------- /Menus/Hamburger Icon MI Series/Hamburger Icon - 04/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Hamburger Icon MI Series/Hamburger Icon - 04/style.css -------------------------------------------------------------------------------- /Menus/Hamburger Icon MI Series/Hamburger Icon - 05/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Hamburger Icon MI Series/Hamburger Icon - 05/index.html -------------------------------------------------------------------------------- /Menus/Hamburger Icon MI Series/Hamburger Icon - 05/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Hamburger Icon MI Series/Hamburger Icon - 05/style.css -------------------------------------------------------------------------------- /Menus/Hamburger Icon MI Series/Hamburger Icon - 06/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Hamburger Icon MI Series/Hamburger Icon - 06/index.html -------------------------------------------------------------------------------- /Menus/Hamburger Icon MI Series/Hamburger Icon - 06/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Hamburger Icon MI Series/Hamburger Icon - 06/style.css -------------------------------------------------------------------------------- /Menus/Hamburger Icon MI Series/Hamburger Icon - 07/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Hamburger Icon MI Series/Hamburger Icon - 07/index.html -------------------------------------------------------------------------------- /Menus/Hamburger Icon MI Series/Hamburger Icon - 07/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Hamburger Icon MI Series/Hamburger Icon - 07/style.css -------------------------------------------------------------------------------- /Menus/Hamburger Icon MI Series/Hamburger Icon - 08/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Hamburger Icon MI Series/Hamburger Icon - 08/index.html -------------------------------------------------------------------------------- /Menus/Hamburger Icon MI Series/Hamburger Icon - 08/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Hamburger Icon MI Series/Hamburger Icon - 08/style.css -------------------------------------------------------------------------------- /Menus/Hamburger Icon MI Series/Hamburger Icon - 09/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Hamburger Icon MI Series/Hamburger Icon - 09/index.html -------------------------------------------------------------------------------- /Menus/Hamburger Icon MI Series/Hamburger Icon - 09/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Hamburger Icon MI Series/Hamburger Icon - 09/style.css -------------------------------------------------------------------------------- /Menus/Hamburger Icon MI Series/Hamburger Icon - 10/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Hamburger Icon MI Series/Hamburger Icon - 10/index.html -------------------------------------------------------------------------------- /Menus/Hamburger Icon MI Series/Hamburger Icon - 10/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Hamburger Icon MI Series/Hamburger Icon - 10/style.css -------------------------------------------------------------------------------- /Menus/Hamburger Icon MI Series/Hamburger Icon - 11/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Hamburger Icon MI Series/Hamburger Icon - 11/index.html -------------------------------------------------------------------------------- /Menus/Hamburger Icon MI Series/Hamburger Icon - 11/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Hamburger Icon MI Series/Hamburger Icon - 11/style.css -------------------------------------------------------------------------------- /Menus/Hamburger Icon MI Series/Hamburger Icon - 12/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Hamburger Icon MI Series/Hamburger Icon - 12/index.html -------------------------------------------------------------------------------- /Menus/Hamburger Icon MI Series/Hamburger Icon - 12/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Hamburger Icon MI Series/Hamburger Icon - 12/style.css -------------------------------------------------------------------------------- /Menus/Hamburger Menu Left/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Hamburger Menu Left/index.html -------------------------------------------------------------------------------- /Menus/Hamburger Menu Left/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Hamburger Menu Left/style.css -------------------------------------------------------------------------------- /Menus/Hamburger Menu Right/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Hamburger Menu Right/index.html -------------------------------------------------------------------------------- /Menus/Hamburger Menu Right/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Hamburger Menu Right/style.css -------------------------------------------------------------------------------- /Menus/Hide & Seek Tab Bar Animation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Hide & Seek Tab Bar Animation/index.html -------------------------------------------------------------------------------- /Menus/Hide & Seek Tab Bar Animation/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Hide & Seek Tab Bar Animation/style.css -------------------------------------------------------------------------------- /Menus/Menu Bar Opening Interaction/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Menu Bar Opening Interaction/index.html -------------------------------------------------------------------------------- /Menus/Menu Bar Opening Interaction/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Menu Bar Opening Interaction/style.css -------------------------------------------------------------------------------- /Menus/Menu Button On Click Interaction/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Menu Button On Click Interaction/index.html -------------------------------------------------------------------------------- /Menus/Menu Button On Click Interaction/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Menu Button On Click Interaction/style.css -------------------------------------------------------------------------------- /Menus/Menu Items Hover Effect/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Menu Items Hover Effect/index.html -------------------------------------------------------------------------------- /Menus/Menu Items Hover Effect/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Menu Items Hover Effect/style.css -------------------------------------------------------------------------------- /Menus/Morphing Menu Navigation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Morphing Menu Navigation/index.html -------------------------------------------------------------------------------- /Menus/Morphing Menu Navigation/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Morphing Menu Navigation/style.css -------------------------------------------------------------------------------- /Menus/Navbar On Click Sliding Animation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Navbar On Click Sliding Animation/index.html -------------------------------------------------------------------------------- /Menus/Navbar On Click Sliding Animation/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Navbar On Click Sliding Animation/style.css -------------------------------------------------------------------------------- /Menus/Pure CSS Gooey Menu Animation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Pure CSS Gooey Menu Animation/index.html -------------------------------------------------------------------------------- /Menus/Pure CSS Gooey Menu Animation/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Pure CSS Gooey Menu Animation/style.css -------------------------------------------------------------------------------- /Menus/Rotating Hover Navigation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Rotating Hover Navigation/index.html -------------------------------------------------------------------------------- /Menus/Rotating Hover Navigation/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Rotating Hover Navigation/style.css -------------------------------------------------------------------------------- /Menus/Rotating Hover Navigation/style.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Rotating Hover Navigation/style.css.map -------------------------------------------------------------------------------- /Menus/Rotating Hover Navigation/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Rotating Hover Navigation/style.scss -------------------------------------------------------------------------------- /Menus/Slide Down Mobile Menu/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Slide Down Mobile Menu/index.html -------------------------------------------------------------------------------- /Menus/Slide Down Mobile Menu/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Slide Down Mobile Menu/style.css -------------------------------------------------------------------------------- /Menus/Sliding Spotlight Menu Bar Animation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Sliding Spotlight Menu Bar Animation/index.html -------------------------------------------------------------------------------- /Menus/Sliding Spotlight Menu Bar Animation/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Sliding Spotlight Menu Bar Animation/style.css -------------------------------------------------------------------------------- /Menus/Text Reveal Menu MI/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Text Reveal Menu MI/index.html -------------------------------------------------------------------------------- /Menus/Text Reveal Menu MI/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Text Reveal Menu MI/style.css -------------------------------------------------------------------------------- /Menus/Text Reveal Menu MI/style.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Text Reveal Menu MI/style.css.map -------------------------------------------------------------------------------- /Menus/Text Reveal Menu MI/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/Menus/Text Reveal Menu MI/style.scss -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendcharm/Mini-Projects/HEAD/README.md --------------------------------------------------------------------------------