Coding Resources
26 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
solar explorer.zip
16.6 KB
Solar explorer in only HTML & CSS
✨ Happy New Year 2026 ✨

Celebrate the new year with this clean, professional animation built using HTML, CSS & JAVASCRIPT.

πŸ‘¨πŸ»β€πŸ’» Developer Theme : Features a dark grid background.

🀩 Customizable : Easily change the code.
happy new year.zip
2.2 KB
✨ Happy New Year 2026 ✨
Animated card hover effect πŸ‘‡

watch full video

✨ card hover effect with only HTML, CSS & JAVASCRIT !
bmw m5.zip
2.2 KB
πŸ’  card hover effect πŸ’ 
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 πŸ‘‡