Coding Resources
20 subscribers
26 photos
24 files
19 links
Your go-to place for modern web projects & components πŸ‘¨πŸ»β€πŸ’»

✨️ I share clean, production-ready code to help you build smarter, faster & better web apps - whether you’re just starting or already building real projects πŸ“ˆ
Download Telegram
Click anywhere on the screen and enjoy a colorful sparkle explosion 🌈✨

Tech used:
β€’ HTML
β€’ CSS
β€’ JavaScript

πŸ’‘ You can customize:
– Sparkle count
– Colors
– Size
– Speed & spread

Drop a ⭐ if you like it
Happy Coding πŸš€
sparkle.zip
1.3 KB
Magical Sparkles ✨
Login form with Animation 🀩

watch full video

Check out this dual-panel light-themed login/register UI built with pure HTML, CSS, and JS

. Smooth sliding panels
. Text & button dynamically swap
. Production-ready for SaaS or portfolio
πŸ”₯ Rotating Gradient Border using HTML & CSS

Created a clean rotating gradient border animation using only HTML & CSS 🎨

βœ” No JavaScript
βœ” Uses ::before & ::after
βœ” Perfect for cards, buttons & auth UI
πŸ’‘ Simple, modern & reusable UI effect
animated-border.zip
963 B
Rotating Gradient Border
πŸš€ Bike Scroll Showcase – HTML & CSS Code Included !

πŸ‘‰ watch complete video

Check out this HTML & CSS code !
βœ… Sticky cards
βœ… Hover zoom effect
βœ… Responsive stats grid
scrolling-effect.zip
1.4 KB
Bike Cards Scroll Animation
πŸ”₯ Scroll-Based Letter Opacity Effect

watch complete video on youtube

Text stays visible, but each letter smoothly increases opacity with a subtle glow as you scroll.

Built using HTML, CSS & JavaScript.

Perfect for landing pages & hero sections.
Hackathon-ready calculator built using pure HTML, CSS & JavaScript.

πŸ‘‰ watch complete video

βœ” Modern glassmorphism UI
βœ” Keyboard support
βœ” Input validation
βœ” Single HTML file

πŸ“‚ Source code included
πŸ”₯ Floating Input Animation (HTML + CSS)

πŸ‘‰ watch complete video

A modern input field where the placeholder smoothly moves up on focus.

βœ… No JavaScript
βœ… Clean & reusable UI
βœ… Perfect for login & contact forms


More UI components coming soon πŸš€
floating-input.zip
804 B
πŸ”₯ Floating Input Animation
Plane Cursor with Smoke (HTML + CSS + JS)

πŸ‘‰ watch short video on YT

create a custom SVG jet plane cursor that follows the mouse with smooth motion and speed-based smoke animation.

πŸ“‚ Download full source code below πŸ‘‡
πŸ”₯ Animated Upload Button using HTML CSS & JavaScript

πŸ‘‰ watch short video on YT

I just built a smooth & modern upload button animation πŸš€

βœ… CSS animations
βœ… JavaScript logic
βœ… Beginner friendly

πŸ’» Source Code πŸ‘‡
Upload Button.zip
1.4 KB
πŸ”₯ Animated Upload Button
πŸ“‚ Project: Animated Login UI

πŸ‘‰ watch complete video

Build a modern, eye-catching login form with rotating decorative rings.

Features :
πŸ”Ή
Fluid, non-perfect "scribble" rings
πŸ”Ή
Smooth 360Β° animations
πŸ”Ή
Interactive focus effects
πŸ”Ή
Sliding gradient "Sign In" button

πŸ‘‡ Download the source code below !