Freelancers using CSS3 in GazipurFreelancers using CSS3 in Gazipur
ProjectsPeople
Samin Sami's avatar
Samin Sami
Dhaka, Bangladesh
Full-Stack Web Dev & AI Engineer. Daffodil Int'l University
5.0
Rating
6
Followers
Full-Stack Web Dev & AI Engineer. Daffodil Int'l University
Cover image for Win Engine 95: Retro Cymatics
Win Engine 95: Retro Cymatics & Physics Sandbox (https://winphybysamin.netlify.app) "A Windows 95-style 2D physics engine that generates live audio synthesis based on particle collisions, built in one HTML file" I built this sandbox engine to merge tactile 2D physics with real-time web audio synthesis, all wrapped inside a nostalgic Windows 95 desktop simulation. The idea was to create a musical playground where gravity, bounce, and spatial collisions dictate the rhythm and melody, making it feel like a complex piece of forgotten 90s software. WHAT IT CAN DO: Users can spawn particles into a physics sandbox and route them through custom tracks. The toolbox includes sounding pegs, spring like bouncers, splitters that clone balls, gravity wells, accelerators, and portals. Every time a particle hits an object, it triggers a musical note. The right panel acts as a full synthesizer console. You can switch between FM bells, Karplus-Strong plucks, or deep sub-bass, quantize notes to different musical scales (Lydian, Pentatonic, Aeolian, etc.), and map specific pitch offsets to individual pegs. At the bottom, there is an analog-style FX rack with rotatable knobs for reverb, delay, master gain, and a live oscilloscope that visualizes the audio output. Users can even drag and drop their own .WAV/.MP3 samples to trigger instead of the built-in synths, and record their jam sessions directly to a WebM file. THE TECHNICAL SIDE: Everything sits inside one single HTML file. No frameworks, no external libraries, zero build tools. The UI is built with pure CSS and vanilla JavaScript, recreating the classic Win95 bevels, title bars, and dropdown menus. The sandbox runs on a custom 2D physics engine I wrote from scratch using HTML5 Canvas, featuring spatial sub-stepping, dynamic collision resolution, and vector math. The audio engine relies strictly on the Web Audio API. It routes synthesized oscillators through custom delay nodes, biquad filters, and a dynamics compressor to prevent clipping when hundreds of collisions happen at once. WHAT I LEARNED: The hardest part was keeping the physics and audio perfectly synced without dropping frames. When you have dozens of balls hitting pegs at the exact same time, the audio context can easily get overwhelmed. I had to implement physics sub-stepping (calculating 4 smaller simulation steps per visual frame) to prevent high-speed objects from clipping through drawn lines. I also added a slight trigger throttle so the synthesizer wouldn't distort during massive collision clusters. Building the math for the analog FX knobs was also a fun challenge; calculating mouse drag deltas and mapping them smoothly to both the visual CSS rotation and the Web Audio delay parameters.
1
7
246
Cover image for Voltline Automation, "Bone & Volt"
Voltline Automation, "Bone & Volt" Industrial AI Landing Page (https://voltlinebysamin.netlify.app) I built this single-file static landing page for Voltline, a fictional AI-automation company, using only HTML, CSS, and Vanilla JS, zero build tools, zero npm, zero frameworks. The aesthetic is "Bone & Volt": a warm off-white canvas with graphite black and one electric-lime accent (rgb(152, 254, 0)) that pops like a circuit trace under a microscope. The vibe? Precision engineering meets retro-futurism. Monospace slash-prefixed labels, tight geometric-sans headlines, orbiting 3D primitives, and tiny "space / starfield" reveals on hover, it feels like a precision instrument, not generic SaaS. The user can scroll through sections with subtle scroll-triggered animations, hover over geometric elements to trigger micro-visual feedback, and click the "Contact" button to reveal a minimal contact form. The 3D primitives orbit subtly on the canvas, and their rotation is synced to scroll velocity. I also added a "hover reveal" effect where tiny starfield particles drift into view on hover, a small touch of magic that feels like a digital lab under glass. The real challenge? Making the 3D primitives rotate in sync with scroll velocity without creating jitter or stutter. I had to manually calculate scroll delta and clamp it to a smooth range, then map it to rotation speed via a simple linear interpolation. I wrote a small JS helper that tracked scroll position and velocity using requestAnimationFrame and performance, then applied that to a .rotate() method on the 3D primitives. It took me three hours of trial and error, but once I got the math right, the motion felt intentional, not robotic.๐Ÿ”ฅ ๐Ÿ˜Š
1
6
431
Cover image for Aegis Console: Precision-Grid Cybersecurity SaaS
Aegis Console: Precision-Grid Cybersecurity SaaS Landing Page (https://aegisbysamin.netlify.app) I built this from scratch using vanilla HTML, CSS, and JavaScript, no build tools, no frameworks, no npm packages. It's a single-file static site that runs offline with zero dependencies, and it's meant to feel like a high-fidelity enterprise product page with a clean, engineering-focused aesthetic. The visual language is called "Precision Grid", think white canvas with bone-gray accents and one electric-lime accent color (#DCF986) that pops like a circuit trace. The hero section features a dynamic SVG-based security console mockup that animates a live line chart using stroke-dashoffset, with pulsing status dots and count-up metrics that update without triggering any external libraries. The display type uses Clash Grotesk for headers and Satoshi for body, both chosen to match the tech-savvy, minimalist vibe. Motion is subtle but intentional: staggered fade-and-rise on load, scroll-triggered reveals using IntersectionObserver, and a floating "real-time monitoring" pill that slides in with a slight bounce. I made sure to respect prefers-reduced-motion so it works for everyone, even those with accessibility needs. The real engineering challenge? Making sure the SVG chart's animation stayed in sync with the scroll position while the page was being viewed. I had to manually track scroll velocity and adjust the stroke-dashoffset value based on a smoothed delta over time, using a simple exponential decay formula to prevent jitter. The fix was: currentOffset = previousOffset + (velocity * 0.05), a small but effective way to keep the animation fluid without overcomplicating it. This project felt like a quiet victory, building something that feels like it's made for engineers, not for pixels. I love the precision, the calm tension, and the way the animations feel like they're breathing with the user's scroll. ๐Ÿ”ฅ ๐Ÿ˜Š
6
375
Cover image for Webmaster 95: Retro Design System
Webmaster 95: Retro Design System (https://retrouibysamin.netlify.app) I built Webmaster 95 as a living component library for a 1990's retro design system. It recreates the classic Windows 95 desktop look. The website is built with plain HTML, CSS, and vanilla JavaScript. It uses zero npm dependencies and zero build tools. All five font files are inside the local folder. It runs completely offline. The page includes a color mixer. It updates modules on click and checks brightness so text stays readable. The tabs work with keyboards, including the arrow keys, Home button, and End key. A visitor counter with a dark and green effect (similar to Matrix). I also added an audio easter egg button. It plays...something (go check it out, you'll like it) using the Web Audio API. The guestbook takes your name and message on the spot. It shows new posts right at the top of the list with a real time and text.๐Ÿ”ฅ ๐Ÿ˜Š
1
7
664
CSS3(21)
Toukir Rahman's avatar
Toukir Rahman
Dhaka, Bangladesh
Addicted to Advanced Custom Product Design
1x
Hired
5.0
Rating
352
Followers
Addicted to Advanced Custom Product Design
Cover image for Robust Security Services
Robust Security Services
1
8
Cover image for aDinant - Tour Plans & Places
aDinant - Tour Plans & Places
1
4
Cover image for Planto- E-commerce
Planto- E-commerce
1
4
Cover image for EZ Fuel- Fuels Delivery
EZ Fuel- Fuels Delivery
1
5
CSS3(9)
MD. Tofael Ahmed's avatar
MD. Tofael Ahmed
proDhaka, Bangladesh
UI/UX | Full Stack Web Developer | WordPress,Webflow Expert
UI/UX | Full Stack Web Developer | WordPress,Webflow Expert
Cover image for Blog Website Conversion & SEO
Blog Website Conversion & SEO Architecture: Raptors Cleaning | Luxury Property Maintenance Raptors Cleaning (https://www.raptorscleaning.com/) is an elite, luxury-tier residential and commercial property maintenance brand operating across the Greater Toronto Area (GTA). Specializing in high-end services like custom window detailing, advanced eavestrough repair, and premium power washing, their brand relies heavily on projecting absolute trust, precision, and top-tier service quality to local homeowners. The core mandate for this project was a comprehensive Blog Website Conversion. The client needed to evolve from a standard digital storefront into a dynamic, SEO-powered content hub. Because they operate in a highly competitive local service market, the primary objective was to engineer a platform capable of seamlessly handling high volumes of educational content while actively driving local lead generation and high-value service bookings.
0
130
Cover image for Requirement-Based WordPress Development || Bicton
Requirement-Based WordPress Development || Bicton Primary School Bicton Primary School (bictonps.wa.edu.au (http://bictonps.wa.edu.au)), an esteemed educational institution in Western Australia established in 1904, required a modern, accessible, and welcoming digital flagship. Operating as a central communication hub for parents, students, and staff, the website needed to visually project their core ethos: "Together we learn. Together we grow." The primary objective of this project was to move completely past bloated, off-the-shelf templates and engineer a highly customized, requirement-driven WordPress ecosystem tailored specifically to their community and administrative workflows.
0
199
Cover image for Figma to Live E-Commerce Platform I
Figma to Live E-Commerce Platform I successfully converted high-fidelity Figma mockups into a fully functional, high-performance e-commerce platform for FlowerSourceBD, a premier online flower and gift delivery service in Bangladesh. The primary objective was to transform a vibrant, asset-heavy design into a lightweight, pixel-perfect web experience that drives conversions, simplifies multi-category browsing, and maintains lightning-fast load times.
0
227
Cover image for ๐Ÿš€ Requirement-Based Web Architecture: The
๐Ÿš€ Requirement-Based Web Architecture: The Daily Dazzling Dawn I developed and designed the front-end interface for The Daily Dazzling Dawn, a high-density digital news and media platform built to handle rapid content distribution and heavy multi-category layout requirements. Moving away from standard blog templates, this project demanded a precise, requirement-driven architectural approach to structure breaking news grids, multi-tier navigation, and media elements cleanly without compromising performance.
0
215
CSS3(8)
Sajjad Saju's avatar
Sajjad Saju
Dhaka, Bangladesh
Shopify Developer for Store Design, Setup and Redesign
New to Contra
Shopify Developer for Store Design, Setup and Redesign
Cover image for ๐Ÿ“Œ ๐‚๐š๐ซ ๐๐š๐ซ๐ญ๐ฌ ๐š๐ง๐ ๐€๐œ๐œ๐ž๐ฌ๐ฌ๐จ๐ซ๐ข๐ž๐ฌ
๐Ÿ“Œ ๐‚๐š๐ซ ๐๐š๐ซ๐ญ๐ฌ ๐š๐ง๐ ๐€๐œ๐œ๐ž๐ฌ๐ฌ๐จ๐ซ๐ข๐ž๐ฌ ๐’๐ก๐จ๐ฉ๐ข๐Ÿ๐ฒ ๐’๐ญ๐จ๐ซ๐ž This Shopify store was designed and developed for a client in the car parts and accessories industry with a strong focus on creating a professional, conversion-driven ecommerce experience. The objective was to build a modern storefront that makes browsing products effortless while reinforcing trust and encouraging customers to complete their purchases. The homepage features a bold automotive-inspired layout with strategically placed banners, featured collections, best-selling products, promotional offers, customer-focused sections, and clear calls to action. Products were organized into intuitive categories, making it easy for visitors to find the right accessories and replacement parts. Every page was structured to improve navigation, readability, and user experience. The store was customized using Shopify best practices, including responsive mobile optimization, clean product pages, trust badges, optimized collection layouts, streamlined navigation menus, and a visually consistent design system. Careful attention was given to spacing, typography, color balance, and performance to deliver a fast, engaging shopping experience across all devices. The result is a polished, scalable Shopify store with a professional automotive look, optimized for conversions, customer engagement, and long-term ecommerce growth.
0
27
Cover image for ๐Ÿ“Œ ๐‚๐จ๐ฌ๐ฆ๐ž๐ญ๐ข๐œ๐ฌ ๐’๐ก๐จ๐ฉ๐ข๐Ÿ๐ฒ ๐’๐ญ๐จ๐ซ๐ž This Shopify
๐Ÿ“Œ ๐‚๐จ๐ฌ๐ฆ๐ž๐ญ๐ข๐œ๐ฌ ๐’๐ก๐จ๐ฉ๐ข๐Ÿ๐ฒ ๐’๐ญ๐จ๐ซ๐ž This Shopify store was designed and developed from the ground up for a client seeking a premium, high-converting ecommerce website with a polished online presence. Every section was planned to create a seamless customer journey while maintaining a modern, elegant, user-friendly design. The project included a customized homepage with engaging banners, featured collections, promotional sections, and strong call-to-action elements. Product pages featured clean layouts, organized information, trust-building content, and a smooth shopping experience. Collection pages, navigation, search, filtering, and store structure were optimized to improve usability and customer engagement. Built with a mobile-first approach, the website delivers excellent performance across desktops, tablets, and smartphones. Responsive design, consistent branding, typography, and conversion-focused layouts were implemented throughout. The result is a professional Shopify website that combines modern aesthetics with functionality and supports long-term business growth. ๐’๐ค๐ข๐ฅ๐ฅ๐ฌ & ๐Š๐ž๐ฒ๐ฐ๐จ๐ซ๐๐ฌโฃ: Shopify Store Design, Shopify Website Development, Shopify Customization, Ecommerce Website, Responsive Design, UI/UX Design, Landing Page Design, Conversion Rate Optimization (CRO), Shopify Theme Customization, Mobile Optimization, User Experience, Online Store Design.
0
34
Cover image for ๐Ÿ“Œ ๐–๐š๐ญ๐œ๐ก ๐’๐ญ๐จ๐ซ๐ž ๐’๐ก๐จ๐ฉ๐ข๐Ÿ๐ฒ ๐ƒ๐ž๐ฌ๐ข๐ ๐ง This
๐Ÿ“Œ ๐–๐š๐ญ๐œ๐ก ๐’๐ญ๐จ๐ซ๐ž ๐’๐ก๐จ๐ฉ๐ข๐Ÿ๐ฒ ๐ƒ๐ž๐ฌ๐ข๐ ๐ง This Shopify watch store was designed for a client seeking a premium, modern, and conversion-focused ecommerce experience. The goal was to create a sophisticated storefront that reflects quality while making browsing and purchasing effortless. Every element was planned with user experience, branding, and sales performance in mind. The homepage features a clean luxury-inspired design with engaging banners, featured collections, best-selling products, promotional sections, testimonials, and clear call-to-action areas that guide visitors through the buying journey. Product pages were designed with polished layouts, detailed descriptions, trust-building elements, and a smooth purchase flow. Collection pages were organized for easy product discovery with intuitive navigation. The store was fully optimized for desktop, tablet, and mobile devices, ensuring a seamless shopping experience across all screen sizes. Special attention was given to responsive design, page speed, conversion-focused UI/UX, and a professional visual identity. ๐’๐ค๐ข๐ฅ๐ฅ๐ฌ ๐š๐ง๐ ๐ค๐ž๐ฒ๐ฐ๐จ๐ซ๐๐ฌโฃโฃ: Shopify Store Design, Shopify Website Design, Shopify Development, Ecommerce Website, Responsive Design, Mobile Optimization, UI/UX Design, Conversion Rate Optimization, Product Page Design, Collection Page Design, Custom Shopify Sections, Speed Optimization, Modern Ecommerce, Online Store Design.
0
39
Cover image for ๐Ÿ“Œ Luxury Jewelry Shopify
๐Ÿ“Œ Luxury Jewelry Shopify Store This project showcases a premium Shopify store built with a strong focus on modern design, performance, and conversion optimization. Every section is carefully crafted to create a seamless shopping experience while maintaining a clean and elegant visual style. The store includes a professionally designed homepage, optimized product pages, organized collections, intuitive navigation, responsive layouts, mobile-friendly design, trust-building elements, and a streamlined checkout journey. Speed optimization, SEO best practices, and user experience are considered throughout the development process to help businesses establish a strong online presence. Whether you're launching a new brand or upgrading an existing Shopify website, this project demonstrates expertise in Shopify store design, Shopify development, custom theme customization, ecommerce UX/UI, conversion-focused layouts, and responsive web design. Key features: โ€ข Premium Shopify Store Design โ€ข Responsive & Mobile-Optimized Layout โ€ข Custom Homepage & Product Pages โ€ข Collection & Navigation Setup โ€ข Conversion-Focused User Experience โ€ข SEO-Friendly Structure โ€ข Speed & Performance Optimization โ€ข Professional Ecommerce Design โ€ข Clean, Modern & Scalable Shopify Development Designed to help businesses build trust, improve customer experience, and grow online sales with a high-quality Shopify store.
0
51
CSS3(4)
Mahedi Hassan's avatar
Mahedi Hassan
Dhaka, Bangladesh
Website design and Development Expert
Website design and Development Expert
Cover image for Dominate the Digital Landscape with a Powerful Website!
Dominate the Digital Landscape with a Powerful Website!
0
2
Cover image for Complete Front-End Development Service
Complete Front-End Development Service
0
1
Cover image for Complete Website Development Service
Complete Website Development Service
0
18
Placeholder project card media
View more โ†’
CSS3(3)
Shahriar Jubayer Eshat's avatar
Shahriar Jubayer Eshat
Dhaka, Bangladesh
Full-Stack Developer & Shopify Expert | 7+Yrs of Experience
1x
Hired
79
Followers
Full-Stack Developer & Shopify Expert | 7+Yrs of Experience
Cover image for GoDaddy โ†’ Shopify Migration for
GoDaddy โ†’ Shopify Migration for Lurve โคท Product Page Live website: https://lurve.us/ #shopify #ecommerce #shopifymigration #webdesign
2
508
Cover image for Shopify Ecommerce Website.
Shopify Ecommerce Website.
3
733
Cover image for Shopify Ecommerce Website.
Shopify Ecommerce Website.
4
7
948
Cover image for Project: Kapridon.com (http://Kapridon.com) โ€“ Premium
Project: Kapridon.com (http://Kapridon.com) โ€“ Premium Organic Beauty Oils Shopify Store I built a clean, high-converting Shopify ecommerce store for Kapridon, a California-based brand specializing in cold-pressed, 100% organic beauty and hair oils. Live site: https://kapridon.com/ What I delivered: โ˜… Full Shopify store setup and customization (theme development + Liquid code) โ˜… Modern, minimalist design focused on clean beauty aesthetics โ˜… Mobile-first responsive layout with excellent user experience โ˜… Product pages optimized for Black Jamaican Castor Oil, Moringa Oil, Black Cumin Seed Oil, and more โ˜… Collection pages, high-quality image galleries, and smooth navigation โ˜… SEO-friendly structure and fast loading performance โ˜… Age gate / content restriction setup โ˜… Basic apps & integrations for smooth operations โ˜… Polished checkout flow and brand storytelling sections Results: โ˜… Beautiful, professional online presence that perfectly reflects the premium โ€œRefined Botanicalsโ€ positioning โ˜… Easy-to-manage store for the client โ˜… Strong focus on trust signals, customer testimonials, and product benefits โ˜… The client now has a fully functional, beautiful Shopify store ready to scale their natural hair and skincare oil business. Tech: Shopify, Liquid, Custom Theme, Responsive Design, SEO basics Open to similar Shopify projects โ€” whether you're launching a new beauty/wellness brand or need improvements on an existing store.
2
2
686
CSS3(4)
Shamim Miah's avatar
Shamim Miah
proDhaka, Bangladesh
CERTIFIED Webflow Developer I CMS Developer
8
Followers
CERTIFIED Webflow Developer I CMS Developer
Cover image for Carriage Works Digital Platform Development
Carriage Works Digital Platform Development
2
8
Cover image for ๐—ง๐—ต๐—ถ๐˜€ ๐—œ๐˜€ ๐—›๐—ฎ๐—ฟ๐—ฑ๐˜€๐˜๐˜†๐—น๐—ฒ โ€” ๐—ช๐—ฒ๐—ฏ๐—ณ๐—น๐—ผ๐˜„
๐—ง๐—ต๐—ถ๐˜€ ๐—œ๐˜€ ๐—›๐—ฎ๐—ฟ๐—ฑ๐˜€๐˜๐˜†๐—น๐—ฒ โ€” ๐—ช๐—ฒ๐—ฏ๐—ณ๐—น๐—ผ๐˜„ ๐—ช๐—ฒ๐—ฏ๐˜€๐—ถ๐˜๐—ฒ ๐——๐—ฒ๐˜ƒ๐—ฒ๐—น๐—ผ๐—ฝ๐—บ๐—ฒ๐—ป๐˜ ๐ŸŽต ๐—ง๐—ต๐—ฒ ๐—–๐—ต๐—ฎ๐—น๐—น๐—ฒ๐—ป๐—ด๐—ฒ Build a bold, immersive website that reflects the energy of This Is Hardstyle while delivering a seamless experience across every device. โšก ๐—ช๐—ต๐—ฎ๐˜ ๐—ช๐—ฎ๐˜€ ๐—•๐˜‚๐—ถ๐—น๐˜ โœ… Pixel-perfect Webflow development โœ… Responsive across all devices โœ… Smooth interactions & animations โœ… Fast loading performance โœ… SEO-ready structure โœ… Cross-browser compatibility ๐Ÿš€ ๐—ง๐—ต๐—ฒ ๐—ฅ๐—ฒ๐˜€๐˜‚๐—น๐˜ A modern, high-performance website that delivers an engaging user experience while showcasing the brand with confidence.
2
362
Cover image for ๐—ก๐—ฒ๐—ฏ๐˜‚๐—น๐—ผ๐˜‚๐˜€ โ€” ๐—•๐—ฟ๐—ฎ๐—ป๐—ฑ ๐—ฆ๐˜๐—ฟ๐—ฎ๐˜๐—ฒ๐—ด๐˜† &
๐—ก๐—ฒ๐—ฏ๐˜‚๐—น๐—ผ๐˜‚๐˜€ โ€” ๐—•๐—ฟ๐—ฎ๐—ป๐—ฑ ๐—ฆ๐˜๐—ฟ๐—ฎ๐˜๐—ฒ๐—ด๐˜† & ๐—–๐—ฟ๐—ฒ๐—ฎ๐˜๐—ถ๐˜ƒ๐—ฒ ๐—”๐—ด๐—ฒ๐—ป๐—ฐ๐˜† ๐—ช๐—ฒ๐—ฏ๐˜€๐—ถ๐˜๐—ฒ ๐—ข๐˜ƒ๐—ฒ๐—ฟ๐˜ƒ๐—ถ๐—ฒ๐˜„ A modern, immersive Webflow website designed for Nebulous, a creative agency specializing in brand strategy, design, and content production. The website combines bold visual storytelling with a refined user experience to showcase the agencyโ€™s work, services, and expertise while creating a clear path for potential clients to engage. ๐—ช๐—ต๐—ฎ๐˜ ๐—œ ๐—ช๐—ผ๐—ฟ๐—ธ๐—ฒ๐—ฑ ๐—ข๐—ป Custom Webflow development Responsive web design CMS architecture & content management Advanced interactions & animations UX/UI implementation Performance optimization SEO-friendly structure ๐—ž๐—ฒ๐˜† ๐—™๐—ฒ๐—ฎ๐˜๐˜‚๐—ฟ๐—ฒ๐˜€ Fully responsive experience across devices Smooth interactions and transitions Structured CMS for scalable content Reusable Webflow components Optimized layouts for performance and usability Clear, conversion-focused user journey ๐— ๐˜† ๐—”๐—ฝ๐—ฝ๐—ฟ๐—ผ๐—ฎ๐—ฐ๐—ต I focused on translating the creative direction into a polished Webflow experience while maintaining visual consistency, responsive behavior, and intuitive navigation throughout the site.
0
44
Cover image for Luxury Wedding Photography Website Development
Luxury Wedding Photography Website Development
2
14
CSS3(2)