Home - Code With Ubes

CSS Corner-Shape Animation with Scroll-Driven Effects

CSS Corner-Shape Animation with Scroll-Driven Effects | Modern UI Animation

January 17, 2026

Fancy Cards with Hover Effects

Fancy Cards with Hover Effects in HTML & CSS | Modern UI Card Design

January 16, 2026

Polished Button Collection

Polished Button Collection in HTML & CSS | Shiny Gradient Buttons with Hover Effects

January 12, 2026

Search Engine with Voice Search

Search Engine with Voice Search 🎤 | HTML CSS Voice Recognition

January 11, 2026

Glassmorphism Login Page with Google, Facebook & Twitter Login

Glassmorphism Login Page with Google, Facebook & Twitter Login | HTML CSS UI Design

January 10, 2026

Minimal Dot Clock

Minimal Dot Clock ⏱️ | 24 Hour Digital Clock using HTML, CSS & JavaScript

January 8, 2026

Glassmorphism Login Form Tutorial

Glassmorphism Login Form Tutorial | Modern UI Design in HTML & CSS

January 6, 2026

Payment Status Screen in HTML & CSS

Payment Status Screen UI Design in HTML & CSS | Success, Failed & Pending States

January 6, 2026

Elastic Checkboxes

Elastic Checkboxes in HTML & CSS | Smooth Bouncy Checkbox Animation (No JavaScript)

January 5, 2026

Responsive Stacked Overlapping images with hover

Responsive Stacked / Overlapping Images with Hover Effect | Pure HTML & CSS

January 4, 2026

Responsive Circular List of images with hover effect

Responsive Circular Image List with Hover Effect | HTML & CSS Only

January 4, 2026

Animated Segmented Control in Pure CSS | No JavaScript UI Toggle Animation

Animated Segmented Control in Pure CSS | No JavaScript UI Toggle Animation

January 3, 2026

Happy Birthday in HTML, CSS & JavaScript

Happy Birthday Animation 🎂 | HTML, CSS & JavaScript Birthday Card

January 1, 2026

Rating on Hover

Star Rating on Hover Using Pure HTML & CSS | No JavaScript

January 1, 2026

Happy New Year Animation 🎉 | Pure HTML & CSS | No JavaScript

Happy New Year Animation 🎉 | Pure HTML & CSS | No JavaScript

December 31, 2025

Snowy Weather Widget

Snowy Weather Widget ❄️🌧️ | Realistic Snow & Rain Animation using HTML CSS JavaScript

December 30, 2025

Simple timeline

Simple Timeline Using HTML & CSS | Vertical Timeline Design Tutorial

December 30, 2025

🎅 Merry Christmas Animation 🎄

🎅 Merry Christmas Animation 🎄 | HTML & CSS Festive Animation Tutorial

December 25, 2025

Christmas tree with three.js

Create a 3D Christmas Tree with Three.js | Festive Web Animation 🎄✨

December 25, 2025

Animated Gradient Text Effect using HTML & CSS

Animated Gradient Text Effect using HTML & CSS | CSS Text Animation Tutorial

July 12, 2025

Googly Eyes That Follow Your Mouse

Googly Eyes That Follow Your Mouse | HTML CSS JavaScript Animation

July 12, 2025

Responsive Image Slider

How to Create a Responsive Image Slider with HTML, CSS, and JavaScript

April 3, 2025

Eid Mubarak 2025

Eid Mubarak 2025 | Celebrating the Spirit of Eid with Joy & Blessings

April 1, 2025

Images inside wiggly boxes

Create Wiggly Boxes for Images in HTML & CSS: A Complete Guide

January 30, 2025

Happy Birthday Animation

Happy Birthday Animation with HTML5 Canvas | Fun & Easy Tutorial

January 29, 2025

How to Uninstall VirtualBox on Ubuntu

How to Uninstall VirtualBox on Ubuntu

January 20, 2025

Responsive Service Section

How to Create a Responsive Service Section with HTML & CSS (Step-by-Step)

January 20, 2025

Build a Mood Quiz with HTML, CSS, and JavaScript!

September 23, 2024

Happy Janmashtami

Create a Janmashtami Dahi Handi Animation using HTML, CSS, and JavaScript

August 26, 2024

map() vs forEach() in JavaScript

map() vs forEach() in JavaScript

August 24, 2024

Get a Free E-Commerce Template for Your Website

Get a Free E-Commerce Template for Your Website!

August 23, 2024

Halloween Creep Effect Blurred Text with Hover Animation using CSS

Halloween “Creep” Effect: Blurred Text with Hover Animation using CSS

August 1, 2024

Simple Buttons with Hover animations

Simple Buttons with Hover animations

July 31, 2024

Simple CSS Hover Animation

Simple CSS Hover Animation

July 31, 2024

Fancy menu hover effects

Fancy menu hover effects

July 30, 2024

CSS3 - Animated Butterfly Wings

CSS3 – Animated Butterfly Wings

July 29, 2024

All Named CSS Colors

All Named CSS Colors

July 28, 2024

3D Social Media Animated Buttons

3D Social Media Animated Buttons

July 27, 2024

Caption Hover Animation

Caption Hover Animation

July 27, 2024

Engaging button hover effect using CSS

How to create an engaging button hover effect using CSS

July 26, 2024

Text Hover Rainbow Color

Text Hover Rainbow Color

July 25, 2024

CSS sibling selector when hover

CSS Sibling Selector for Hover Effects

July 23, 2024

HTML CSS Loader

Loader in HTML & CSS

July 23, 2024

Login & Registration in Laravel 9

How to make login and register in Laravel 9

July 23, 2024

Install Laravel 9 Banner

How to install Laravel 9

July 23, 2024

Ripple Effect in HTML CSS & Javascript

Ripple Effect in HTML, CSS and JavaScript

July 22, 2024

CSS Corner-Shape Animation with Scroll-Driven Effects

CSS CSS3 HTML

CSS Corner-Shape Animation with Scroll-Driven Effects | Modern UI Animation

Learn how to create a modern CSS corner-shape animation powered by scroll-driven animations using pure CSS. In this…

Ubes Aslam January 17, 2026

Fancy Cards with Hover Effects

CSS CSS3 HTML

Fancy Cards with Hover Effects in HTML & CSS | Modern UI Card Design

In this tutorial, you’ll learn how to create fancy cards with smooth hover effects using pure HTML and…

Ubes Aslam January 16, 2026

Polished Button Collection

CSS CSS3 HTML

Polished Button Collection in HTML & CSS | Shiny Gradient Buttons with Hover Effects

Create a stunning Polished Button Collection using pure HTML & CSS ✨In this tutorial, you’ll learn how to…

Ubes Aslam January 12, 2026

Search Engine with Voice Search

CSS CSS3 HTML

Search Engine with Voice Search 🎤 | HTML CSS Voice Recognition

In this tutorial, you’ll learn how to create a modern search engine with microphone (voice search) using HTML…

Ubes Aslam January 11, 2026

Glassmorphism Login Page with Google, Facebook & Twitter Login

CSS CSS3 HTML

Glassmorphism Login Page with Google, Facebook & Twitter Login | HTML CSS UI Design

Create a modern Glassmorphism Login Page UI using pure HTML & CSS with Google, Facebook, Twitter, and Email…

Ubes Aslam January 10, 2026

Minimal Dot Clock

CSS CSS3 HTML

Minimal Dot Clock ⏱️ | 24 Hour Digital Clock using HTML, CSS & JavaScript

In this video, we create a Minimal Dot Clock with 24-hour format using pure HTML, CSS, and JavaScript.This…

Ubes Aslam January 8, 2026

Text Hover Rainbow Color

In this tutorial, you’ll learn how to create an eye-catching rainbow text effect using only CSS. This effect…

July 25, 2024
CSS Sibling Selector for Hover Effects

The sibling selector in CSS allows you to apply styles to an element when a sibling element is…

July 23, 2024
Loader in HTML & CSS

Creating a loader using HTML and CSS is a straightforward process. Here’s a simple example of a CSS…

July 23, 2024
How to make login and register in Laravel 9

Creating login and registration functionality in Laravel 9 can be done quickly using laravel/ui package, a simple and minimal…

July 23, 2024
How to install Laravel 9

How to Install Laravel 9 Locally Today, I am going to explain how you can install Laravel 9…

July 23, 2024

CSS Corner-Shape Animation with Scroll-Driven Effects

CSS CSS3 HTML

CSS Corner-Shape Animation with Scroll-Driven Effects | Modern UI Animation

Ubes Aslam January 17, 2026

Fancy Cards with Hover Effects

CSS CSS3 HTML

Fancy Cards with Hover Effects in HTML & CSS | Modern UI Card Design

Ubes Aslam January 16, 2026

Polished Button Collection

CSS CSS3 HTML

Polished Button Collection in HTML & CSS | Shiny Gradient Buttons with Hover Effects

Ubes Aslam January 12, 2026

Search Engine with Voice Search

CSS CSS3 HTML

Search Engine with Voice Search 🎤 | HTML CSS Voice Recognition

Ubes Aslam January 11, 2026