Item added to your cart

This Image Gallery Box is a sleek and responsive solution built to showcase products, portfolios, or collections in a professional and user-friendly layout. Designed using HTML5, CSS3, and vanilla JavaScript, it ensures fast performance and smooth user interaction without relying on any external libraries.

The gallery features a main fullscreen image viewer with soft transitions and a dark background for visual focus. Below the main image, a scrollable thumbnail strip allows users to click and preview any image instantly. As each thumbnail is clicked, it highlights with an elegant border and transition effect — keeping user navigation intuitive and interactive.

The gallery also includes Next (⟩) and Previous (⟨) navigation buttons, making it easy to browse through images in a linear sequence. The transitions are smooth, and the layout is fully responsive across all screen sizes — from desktops to smartphones.

Feature Highlights:

• Fullscreen image viewer with thumbnail strip

• Clickable thumbnails with active highlight effect

• Smooth image transitions on slide change

• Next/Previous buttons for manual navigation

• Auto-scaling for mobile and tablet responsiveness

• Built with pure HTML, CSS, and vanilla JavaScript

• Lightweight, no dependencies, easy to integrate

• Clean modern design with minimal distraction

• Scrollable thumbnails without visible scrollbar

• Elegant hover and transition animations

The Vertical Thumbnail Image Slider is a sleek and modern gallery component built entirely with HTML, CSS, and vanilla JavaScript. This component allows users to scroll through vertically aligned thumbnails and preview the selected image in a larger view, making it perfect for product showcases, portfolio galleries, and e-commerce previews.

With a smooth user experience, elegant transitions, and no reliance on external libraries, this slider is lightweight, responsive, and easy to customize. Users can switch images by clicking on thumbnails or using the ▲ / ▼ navigation buttons, while the currently active thumbnail is highlighted with scaling and a border effect.

Ideal for developers and designers looking to implement a vertical gallery layout that fits seamlessly into dashboards, modals, or detail pages.

🔑 Key Features

• Fully responsive and mobile-friendly layout

• Vertical thumbnail navigation

• Active image highlighting with scaling effect

• Navigation buttons for manual scrolling

• Auto-scroll selected thumbnail into view

• Clean and customizable UI

• No external dependencies – built with pure HTML/CSS/JS

• Perfect for product galleries, portfolios, and admin panels

The Looped Dual Row Image Slider is a dynamic, responsive carousel built with pure HTML, CSS, and vanilla JavaScript, designed to display two rows of sliding content simultaneously. It features infinite looping, smooth horizontal transitions, and a custom dual-layer structure that enhances the visual appeal of product displays, portfolios, testimonials, or banners.

With the ability to move both rows together using navigation arrows, this slider component offers a clean, modern interface suitable for both desktop and mobile experiences. Its cloning logic allows seamless infinite scrolling without breaks, giving it a polished, premium feel.

Developed by Asicoder, this component follows modern frontend standards and is ideal for integration in landing pages, product sections, or any UI requiring engaging image sliders.

🔑 Key Features

• Dual row slider layout

• Infinite loop with seamless transition

• Built with pure HTML, CSS & JavaScript

• No third-party libraries required

• Fully responsive and mobile friendly

• Supports any number of images

• Smooth navigation with transition reset logic

• Easy to customize slide width, height, and design

• Suitable for portfolios, banners, products, etc.

Enhance your frontend with 5 stunning animated loaders built using pure HTML, CSS, and vanilla JavaScript. Each loader is lightweight, responsive, and requires no external libraries — making them perfect for fast-loading, modern interfaces.

What’s Included:

• Bouncing Dots Loader

• Circular Ring Spinner

• Text-based Animated Dots

• Ripple Expanding Circles

• Auto Progress Bar

Ideal For:
Landing pages, personal portfolios, SaaS dashboards, mobile-friendly sites, and eCommerce product loaders.

Technologies Used:

• HTML5

• CSS3 (keyframe animations)

• JavaScript (no frameworks)

✨ Fully customizable, easy to integrate, and performance-friendly.

Professional Loaders Set 2 by Asicoder includes 5 minimal, modern, and lightweight animated loaders built entirely with HTML, CSS, and vanilla JavaScript — no libraries used. Perfect for any kind of frontend project needing visual polish while loading data, assets, or pages.

These animations are smooth, responsive, and fully customizable, making them suitable for developers, UI/UX designers, and creative coders.

Included Loaders:

1. Rotating Cube Loader – a 3D-style box flipping with scaling

2. Ellipsis Dots Pulse – smooth pulsing bubble dots

3. Rotating Dots Around Circle – orbit-style circular rotation

4. Bouncing Bars – equalizer-style animated vertical bars

5. Glowing Sliding Line – linear shimmer for progress indicators

Use Cases

• Loading screens on websites or apps

• Admin panels or SaaS dashboards

• Portfolio project thumbnails

• Blog preloaders

• E-commerce data loaders

• Code showcase for frontend developers

Technologies Used

•  HTML5

• CSS3 Animations

• Pure JavaScript (optional for enhanced effects)

• No external libraries or frameworks

Advanced Loaders 5 is a creative UI component pack by Asicoder, featuring five highly engaging loading animations crafted with pure HTML, CSS, and vanilla JavaScript. Each loader is uniquely styled, lightweight, responsive, and free from external dependencies — perfect for modern web UIs, SaaS dashboards, product pages, or portfolios.

Whether you're a front-end developer or UI designer, these preloaders bring smooth motion and clean aesthetic to your projects — boosting visual feedback during loading states.

Included Loaders:

1. Bouncing Arrows – minimal 3-arrow bounce animation

2. Expanding Wave – circle wave pulse effect

3. Morphing Dots – interactive scaling morph loader

4. Spinning Arrows – rotating arrow ring animation

5. Spiral Zoom – smooth zooming dots in spiral form

Use Cases

• Website & app preloaders

• Dashboards and admin panels

• Loading effects for landing pages

• Portfolio showcases

• UI loading feedback on AJAX calls

• Frontend animation experiments

Tech Used

• HTML5

• CSS3 (keyframe animations)

• Vanilla JavaScript (optional for enhancements)

• ❌ No libraries or frameworks

Supercharge your website or app UI with 15 beautifully animated pure CSS loaders — no JavaScript, no external libraries. Each loader is lightweight, responsive, and ideal for modern UI/UX. Designed to suit web projects, mobile apps, portfolios, SaaS dashboards, and product loading screens. These are copy-paste ready and can be easily customized with colors, sizes, or delays.

Perfect for developers looking for fast-loading, modern spinner animations without bloated code or dependencies.

Give your web and mobile projects a clean, modern edge with this pack of 15 beautifully crafted, JavaScript-free CSS loaders. These spinners are built entirely using HTML & CSS — no JavaScript, no frameworks, just pure performance.

Each loader is lightweight, fully responsive, and easy to integrate into any frontend project. Whether you're designing for mobile apps, SaaS dashboards, eCommerce sites, or landing pages, these loaders deliver smooth animations and professional polish.

What's Included?

• 15 Unique Loader Designs – from classic spinners to creative, minimal animations

• 100% Pure CSS – zero JavaScript or external libraries

• Mobile-Friendly & Fully Responsive

• Easy Color & Size Customization

• Copy-paste Ready Code – integrate in seconds

• Cross-browser Compatible

Perfect For:

• Website or app loading screens

• Contact form submit states

• Mobile app splash screens

• Admin dashboards & analytics panels

• CSS-only prototypes or demos (e.g., CodePen)

• eCommerce product galleries

Built With:

• HTML5

• CSS3 Animations

• No JS, no dependencies

This collection includes 15 modern and visually appealing CSS-only loaders and spinners—designed to add sleek animation and instant feedback to your websites or web apps. Built with pure HTML and CSS, these loaders are super lightweight, responsive, and ready to use in any frontend project.

Each loader comes with its own unique style and motion logic, such as rotation, bounce, ripple, scale, and layering effects. Perfect for dashboards, contact forms, splash screens, mobile apps, and portfolio websites.

Ideal For:

• Landing page preloaders

• App splash screen animations

• SaaS dashboard loaders

• Contact form spinners

• E-commerce product loaders

• HTML/CSS-only prototypes (no JS)

No Dependencies:

• No JavaScript

• No frameworks

• Just HTML + CSS

Create beautiful and professional order confirmation emails with this responsive HTML email template, fully compatible with Gmail, Outlook, Yahoo, and Apple Mail. This template is designed to enhance customer trust and streamline post-purchase communication.

Built using clean HTML and inline CSS, it includes all essential sections like logo, personalized greeting, dynamic product table, social icons, and support information. It renders consistently across major email clients and devices.

Perfect for eCommerce stores, SaaS platforms, and digital marketplaces, this email layout provides a polished customer experience with minimal development effort.

✨ Features:

• Clean & modern design

• Mobile responsive layout

• Gmail & Outlook compatible

• Fully editable HTML + inline CSS

• Order summary section

• Branded header + logo area

• CTA button + social media icons

• Great for Shopify, WooCommerce, custom stores

Elevate your customer experience with this Responsive Order Confirmation Email Template crafted in pure HTML and CSS. Designed with a modern invoice layout, this template includes detailed order information like product list, quantity, unit price, and total – all presented in a clean, mobile-optimized format.

Whether you run an eCommerce store, SaaS platform, or a freelance service, this email template helps build trust by professionally confirming transactions. It’s fully customizable, no JavaScript needed, and works across Gmail, Outlook, Apple Mail, and most web clients.

✅ Features:

• Invoice-style product table with pricing breakdown

• Customer name, address & payment method section

• Fully responsive and email-client friendly (Gmail, Outlook, etc.)

• Pure HTML/CSS – no JS or external dependencies

• Easy to edit text, color, fonts, and branding

• Lightweight and fast loading

Use Cases:

• Product or service order confirmations

• Invoice-style receipts

• Payment acknowledgment emails

• Subscription confirmations

Send beautiful and professional order shipment confirmation emails with this fully responsive HTML/CSS email template. Designed with a sleek dark UI, this layout confirms shipment details including order ID, product name, quantity, shipping address, and estimated delivery date.

No JavaScript or frameworks needed — just clean, lightweight HTML and CSS that renders perfectly in Gmail, Outlook, Apple Mail, and mobile devices. Perfect for SaaS, eCommerce, digital product vendors, or freelancers selling downloadable goods.

✅ Features:

• Modern dark-themed email design

• Fully responsive layout

• Pure HTML & CSS (no JS, no dependencies)

• Easy to customize (text, colors, branding)

• Optimized for Gmail, Outlook, Yahoo & mobile

• Includes “Track Order” CTA button

• Ideal for shipping confirmations, dispatch alerts, product delivery emails

🧩 Use-Cases:

• eCommerce shipment notification

• Freelance or SaaS product delivery alert

• Digital goods dispatch message

• Dropshipping confirmation emails

• Subscription box shipping status updates