Welcome to ClanCode
Choose a project, build it, and share your version. Once uploaded, your build will appear in Explore Builds where others can see your live demo too.
Responsive Portfolio
Create a modern portfolio site with HTML & CSS. Showcase projects with a clean, responsive layout.
Responsive Portfolio – Explore Builds
To-Do App
Build a task manager with add/delete the features. Enhance with JavaScript for the interactivity.
Landing Pages
Choose a buissness and show your abilities. Design a product landing page for everything you want with modern sections, call-to-actions, and responsive layout.
Calculator
Build a beautiful looking calculator using JavaScrip, that can do root, power and other things other than addition, subtraction, multiplication and division
Newspaper Website
Recreate a digital newspaper front page with column-based layouts, bold headlines, and styled article previews. Focus on typography, spacing, and a responsive design that mimics the look of a traditional printed newspaper while staying fully web-friendly.
Product Showcase Pages
Design a sleek landing page to highlight a single product or collection. Include large images, pricing details, key features, and a smooth call-to-action button. The challenge is to balance visuals with readability while keeping it responsive and attractive.
Web Books
Create an interactive book or story website with animations that bring the content to life. You can design page-turn effects, animated illustrations, or even a "choose your own path" reading experience. The goal is to mix storytelling with engaging visual effects to captivate the reader.
Snake Game
Build the classic Snake Game where the snake grows longer every time it eats food. Add smooth controls, collision detection, and a scoring system. You can challenge yourself by including levels, speed boosts, or colorful themes to make it more fun and unique.
Pomodoro Timer
Boost productivity with a simple timer that follows the Pomodoro technique. Work in focused intervals with short breaks in between, helping you stay disciplined and manage time effectively.
Timelines Templates
Design interactive timeline layouts to showcase education, work milestones, or project progress. These templates can be reused anywhere, giving users a clean and engaging way to visualize chronological events.
Typing Speed Test
Build a typing speed tester with real-time WPM tracking and accuracy feedback. Users can practice typing while instantly seeing their speed, errors, and progress to improve their skills.
Form Designs
Code stylish form templates with soft UI effects, depth, and smooth shadows. A perfect mini project to practice modern form styling while keeping layouts clean and user-friendly.
CSS Art Gallery
A showcase of creative illustrations crafted entirely with pure CSS. Each artwork comes to life with smooth hover reveals, blending design and code into an interactive visual gallery.
Navigation Bars
Design different responsive navigation bars and styles, you can offer you navigation bars with modern and new styles, animated responsive modes...
Weather App
Build a simple weather app that fetches live weather data using an API. Display temperature, conditions, and icons for any city the user searches. Add responsive design and styling to make it feel like a real-world utility app.