Search Projects on CodeTap

Easily find the right project on CodeTap using keywords, categories, or tech filters. Discover web games, mini projects, and more to learn, build, or get inspired.

Filter & Refine
Heart Rate Loader Animation using HTML & CSS – Pure CSS Beating Heart Spinner - Project Thumbnail

Heart Rate Loader Animation using HTML & CSS – Pure CSS Beating Heart Spinner

HTML & CSS

Create a beautiful animated heart loader using HTML and CSS. This pure CSS spinner mimics a beating heart and is perfect for romantic web designs, dating apps, and health platforms. Lightweight, responsive, and easy to integrate.

1 Downloads

Glassmorphism Loader in HTML & CSS – Frosted Glass Preloader Animation - Project Thumbnail

Glassmorphism Loader in HTML & CSS – Frosted Glass Preloader Animation

HTML & CSS

A sleek and modern glassmorphism-style loader built using only HTML and CSS. Features a frosted glass background, blur effects, and smooth animation—ideal for splash screens, web apps, and modern UI loaders.

3 Downloads

Drop Liquid Loading Animation in HTML & CSS – Pure CSS Preloader Effect - Project Thumbnail

Drop Liquid Loading Animation in HTML & CSS – Pure CSS Preloader Effect

HTML & CSS

A creative drop-style liquid loading animation built using only HTML and CSS. This lightweight preloader features a bouncing water droplet and ripple effect—perfect for modern websites and splash screens.

3 Downloads

Battery Status UI in HTML & CSS – Pure CSS Battery Design - Project Thumbnail

Battery Status UI in HTML & CSS – Pure CSS Battery Design

HTML & CSS

A purely visual battery status UI created with HTML and CSS. Features a clean, animated battery icon and fill bar to simulate different levels or charging effects—ideal for dashboards, UI kits, or educational designs.

2 Downloads

Beer-Themed 404 Page in HTML & CSS – Fun & Responsive Error Design - Project Thumbnail

Beer-Themed 404 Page in HTML & CSS – Fun & Responsive Error Design

HTML & CSS

A playful beer-themed 404 error page built using pure HTML and CSS. Features a humorous design and smooth animations that make broken links and missing pages feel lighter and more user-friendly.

5 Downloads

4 Dot Liquid Loader in HTML & CSS – Fluid Loading Animation Design - Project Thumbnail

4 Dot Liquid Loader in HTML & CSS – Fluid Loading Animation Design

HTML & CSS

A smooth and fluid 4-dot liquid loader built using pure HTML and CSS. This animation mimics a bouncing liquid effect, ideal for loading screens, forms, and UI placeholders with a clean and modern look.

2 Downloads

3D Flipping Text Animation in HTML & CSS – Stylish Text Effects for Web - Project Thumbnail

3D Flipping Text Animation in HTML & CSS – Stylish Text Effects for Web

HTML & CSS

A sleek 3D flipping text animation created using pure HTML and CSS. Perfect for attention-grabbing headlines, banners, and interactive UI elements. Fully responsive and lightweight, with zero JavaScript.

4 Downloads

10 Different Pulse Effects in HTML & CSS – Creative UI Animation Collection - Project Thumbnail

10 Different Pulse Effects in HTML & CSS – Creative UI Animation Collection

HTML & CSS

Explore 10 unique and beautifully designed pulse effects using only HTML and CSS. Perfect for buttons, loaders, icons, and attention-catching UI components. Fully responsive and easy to integrate.

3 Downloads

Pure CSS Chicken Animation using HTML & CSS - Project Thumbnail

Pure CSS Chicken Animation using HTML & CSS

HTML & CSS

A fun and creative chicken animation made entirely with HTML and CSS. No JavaScript needed! Watch the chicken come to life with keyframes and pure CSS art on CodeTap.org.

9 Downloads

Flex Expand on Hover Effect using HTML, CSS & JavaScript - Project Thumbnail

Flex Expand on Hover Effect using HTML, CSS & JavaScript

JavaScript

Create a stylish Flex Expand on Hover effect using HTML, CSS, and JavaScript. Panels smoothly enlarge when hovered, making for an interactive UI layout. Try the demo at CodeTap.org.

10 Downloads

Stone Paper and Scissors Game using HTML, CSS & JavaScript - Project Thumbnail

Stone Paper and Scissors Game using HTML, CSS & JavaScript

JavaScript

Play the classic Stone Paper and Scissors game made using HTML, CSS, and JavaScript. A fun and interactive web game to challenge friends or practice JavaScript logic—only on CodeTap.org.

7 Downloads

Animated Login Page - HTML CSS Interactive Login Form - Project Thumbnail

Animated Login Page - HTML CSS Interactive Login Form

HTML & CSS

Create an animated login page using HTML and CSS. Features smooth transitions, glowing inputs, and responsive layout without any JavaScript.

9 Downloads

CSS Solar System - Pure HTML & CSS Animated Space Project - Project Thumbnail

CSS Solar System - Pure HTML & CSS Animated Space Project

HTML & CSS

Explore the solar system with this animated CSS project using only HTML and CSS. Watch planets orbit the sun in real-time with smooth animations.

12 Downloads

404 Room – A Cozy CSS-Only Error Page Scene - Project Thumbnail

404 Room – A Cozy CSS-Only Error Page Scene

HTML & CSS

Transform boring error pages into a welcoming mini-room! The 404 Room project shows how to build a fully responsive HTML & CSS scene with neon lights, parallax depth, and no JavaScript.

13 Downloads

3D Particles on a 2D Canvas – HTML & CSS Depth Illusion - Project Thumbnail

3D Particles on a 2D Canvas – HTML & CSS Depth Illusion

HTML & CSS

Build a mesmerizing 3-D particle field on a flat canvas using only HTML5 and modern CSS3—no JavaScript required. Perfect for learning depth-of-field, parallax, and performant animation techniques.

11 Downloads

The Amazing Stress Ball – Pure HTML & CSS Interactive Animation - Project Thumbnail

The Amazing Stress Ball – Pure HTML & CSS Interactive Animation

HTML & CSS

Learn how to build a lightweight, interactive stress-ball effect using only HTML5 and CSS3. Perfect for beginners exploring advanced animations, transforms, and responsive design.

14 Downloads

Clima Code: Pure CSS & JS Animated Weather Icons for Any Web Project - Project Thumbnail

Clima Code: Pure CSS & JS Animated Weather Icons for Any Web Project

JavaScript

Clima Code is a lightweight HTML, CSS, and JavaScript component that renders fully animated weather icons—no images, no frameworks. Drop it into any site or dashboard and feed it live API data for instant, accessible forecasts.

13 Downloads

Rating