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 Loader in HTML & CSS – Pure CSS Beating Heart Animation - Project Thumbnail

Heart Loader in HTML & CSS – Pure CSS Beating Heart Animation

HTML & CSS

Create a heart-shaped loader using only HTML and CSS. This animated spinner mimics a heartbeat, ideal for romantic websites, health apps, and love-themed projects.

15 Downloads

Hacker Style Login Form using HTML & CSS – Terminal-Inspired UI Design - Project Thumbnail

Hacker Style Login Form using HTML & CSS – Terminal-Inspired UI Design

HTML & CSS

Build a hacker-themed login form using HTML & CSS. Inspired by terminal UIs and cyberpunk aesthetics, it’s perfect for coding platforms and tech-themed projects.

14 Downloads

Google Fiber Loader using HTML & CSS – Fast Animated Spinner - Project Thumbnail

Google Fiber Loader using HTML & CSS – Fast Animated Spinner

HTML & CSS

Create a fast and minimal Google Fiber-style loader using pure HTML and CSS. Lightweight and smooth animation ideal for modern web apps and dashboard loaders.

11 Downloads

Glowing Neon Buttons using HTML & CSS – Modern UI Hover Effects - Project Thumbnail

Glowing Neon Buttons using HTML & CSS – Modern UI Hover Effects

HTML & CSS

Design glowing neon buttons using only HTML and CSS. These modern buttons have smooth hover effects and glowing edges, perfect for futuristic UI and dark themes.

13 Downloads

Ninja Calculator in HTML, CSS & JS – Fast & Responsive UI - Project Thumbnail

Ninja Calculator in HTML, CSS & JS – Fast & Responsive UI

JavaScript

Build a fast and responsive Ninja-themed calculator using HTML, CSS, and JavaScript. Lightweight design, dark UI, and perfect for web portfolios and apps.

14 Downloads

Neumorphism Rocket Loader using HTML & CSS – Soft UI Animated Spinner - Project Thumbnail

Neumorphism Rocket Loader using HTML & CSS – Soft UI Animated Spinner

HTML & CSS

Create a neumorphism-inspired rocket loader using pure HTML and CSS. Ideal for modern web apps, portfolios, and futuristic dashboards. Lightweight and responsive.

14 Downloads

Neumorphism Clock in JavaScript – Soft UI Digital Clock Design - Project Thumbnail

Neumorphism Clock in JavaScript – Soft UI Digital Clock Design

JavaScript

Create a responsive digital clock using HTML, CSS, and JavaScript with a neumorphic design style. Clean, modern, and ideal for stylish dashboards or UI kits.

13 Downloads

Neumorphism Calculator with Dark & Light Mode – HTML CSS JS - Project Thumbnail

Neumorphism Calculator with Dark & Light Mode – HTML CSS JS

JavaScript

Build a modern calculator with neumorphism design and dark/light mode toggle using HTML, CSS, and JavaScript. Stylish, responsive, and beginner-friendly UI.

15 Downloads

Neon Navigation Menu in HTML & CSS – Glowing Navbar UI - Project Thumbnail

Neon Navigation Menu in HTML & CSS – Glowing Navbar UI

HTML & CSS

Build a glowing neon navigation menu with HTML & CSS. Perfect for dark themes, modern UIs, and tech-style websites. Responsive and animated hover effects.

11 Downloads

Neon Dash Loader in HTML & CSS – Animated Loading Effect - Project Thumbnail

Neon Dash Loader in HTML & CSS – Animated Loading Effect

HTML & CSS

Create a glowing dash-style loader using HTML and CSS. Ideal for futuristic UIs, minimal designs, and loading screens. Lightweight and fully responsive.

13 Downloads

Neon Button in HTML & CSS – Glowing UI Button Effect - Project Thumbnail

Neon Button in HTML & CSS – Glowing UI Button Effect

HTML & CSS

Create a glowing neon button using HTML and CSS. Perfect for modern UIs, dark-themed websites, and call-to-actions. Fully responsive and smooth hover effects.

16 Downloads

Moon Animation using HTML & CSS – Pure CSS Lunar Scene Effect - Project Thumbnail

Moon Animation using HTML & CSS – Pure CSS Lunar Scene Effect

JavaScript

Create a glowing moon animation using only HTML and CSS. Ideal for night-themed websites, space designs, and background effects. Lightweight and responsive.

15 Downloads

Magic Social Share Menu in HTML, CSS & JS – Animated Floating Share Icons - Project Thumbnail

Magic Social Share Menu in HTML, CSS & JS – Animated Floating Share Icons

JavaScript

Build a floating magic social share menu using HTML, CSS & JS with animated icons, toggle effects, and smooth transitions. Lightweight, responsive, and stylish.

13 Downloads

Magic Navigation Menu 2 in HTML, CSS & JS – Animated Responsive Tab Menu - Project Thumbnail

Magic Navigation Menu 2 in HTML, CSS & JS – Animated Responsive Tab Menu

JavaScript

Create Magic Navigation Menu 2 using HTML, CSS & JS with animated tab indicators, smooth transitions, and responsive design. Perfect for modern UI layouts.

11 Downloads

Magic Navigation Menu in HTML, CSS & JS – Interactive Animated Navbar Design - Project Thumbnail

Magic Navigation Menu in HTML, CSS & JS – Interactive Animated Navbar Design

JavaScript

Build a magic navigation menu using HTML, CSS, and JS with an animated sliding indicator that highlights active tabs. Fully responsive, fast, and interactive.

13 Downloads

Magic Indicator Menu in HTML, CSS & JS – Animated Navigation Bar UI - Project Thumbnail

Magic Indicator Menu in HTML, CSS & JS – Animated Navigation Bar UI

JavaScript

Create a responsive Magic Indicator Menu using HTML, CSS, and JavaScript. This animated navbar features a sliding indicator that highlights the active link

14 Downloads

Liquid Loader Animation in HTML & CSS – Smooth Fluid Preloader Effect - Project Thumbnail

Liquid Loader Animation in HTML & CSS – Smooth Fluid Preloader Effect

HTML & CSS

Create a smooth and realistic liquid-style loader using only HTML and CSS. This fluid animation is perfect for preloader screens, splash pages, and modern UI designs. Fully responsive and lightweight with no JavaScript.

13 Downloads

Lines Background Animation in HTML & CSS – Dynamic Animated Background Effect - Project Thumbnail

Lines Background Animation in HTML & CSS – Dynamic Animated Background Effect

HTML & CSS

Create a stunning animated lines background using pure HTML and CSS. This lightweight effect adds a dynamic and modern feel to websites, landing pages, or hero sections. Fully responsive, no JavaScript required.

11 Downloads

I Love You Card Animation in HTML, CSS & JS – Romantic Interactive Card Design - Project Thumbnail

I Love You Card Animation in HTML, CSS & JS – Romantic Interactive Card Design

JavaScript

Design a beautiful "I Love You" card using HTML, CSS, and JavaScript with interactive animations and love-themed visuals. Perfect for Valentine's Day, anniversaries, or romantic surprises. Fully responsive and customizable.

16 Downloads

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.

32 Downloads

Rating