PixelCraft - Minimal Retro Pixel TemplatePixelCraft - Minimal Retro Pixel Template
A clean, modern retro pixel-art HTML template for portfolios, agencies, and SaaS landing pages.
Overview
PixelCraft is a responsive, Bootstrap-based front-end template that blends a retro pixel aesthetic (pixel borders, crisp shadows, and a limited color palette) with modern UI/UX patterns suitable for today’s web.
It is designed for:
- Freelancers and personal portfolios
- Creative agencies and studios
- SaaS/products marketing sites
- Startups that need a fast, presentable landing page without a build pipeline
Tech stack & assets:
- HTML5 pages with reusable, consistent section structure
- CSS3 with variables for theming (primary palette, borders, shadows) in
assets/css/main.css - JavaScript in
assets/js/main.jsfor interactivity and theme toggling - Bootstrap 5.3.2 for grid/layout and UI components
- Font Awesome icons (used across sections and components)
- Page-level integrations (depending on the page): Swiper (sliders), GLightbox (lightbox/gallery), AOS (scroll animations), Typed (typing effect)
What’s included:
- 61 ready-to-use HTML pages inside
main-file/(multiple home variants + inner pages) - Common sections/components: navbar with mega menu, hero blocks, feature/service cards, stats counters, portfolio grids, pricing tables, testimonials, FAQ, blog layouts, and contact pages
- Organized asset structure under
assets/(CSS/JS/images) so customization is straightforward - Works as a static site (no backend required) and can be hosted on any static hosting provider
Features
- Bootstrap 5.3.2 layout and components
- Responsive design (mobile-first)
- Light & dark mode toggle (with persistence)
- Prebuilt pages (home variants + inner pages)
- Pixel/retro UI styling (borders, shadows, badges)
- Common UI sections: hero, features, about, services, portfolio, pricing, testimonials, FAQ, contact
- JS libraries support (varies by page): Swiper, GLightbox, Typed
Requirements
- Modern browser (Chrome/Edge/Firefox/Safari)
- No backend required (static HTML/CSS/JS)
- If you host it: any static hosting (Netlify, Vercel, GitHub Pages, shared hosting)
Instructions
- Open any page from
main-file/(e.g.index.html) in your browser. - Customize colors, spacing, and theme variables in
assets/css/main.css. - Replace images in
assets/img/(keep the same filenames if you don’t want to edit HTML). - Update text/content directly in the HTML pages.
- If you add new custom styles, place them in
assets/css/main.css(avoid inline styles).
Other items by this author
Information
| Category | Themes / HTML / Portfolio |
| First release | 14 December 2025 |
| Last update | 14 December 2025 |
| Files included | .css, .html, Javascript .js |
| Tags | html, landing page, responsive, portfolio, css, agency, Retro, pixel art, dark mode, SaaS, bootstrap 5 |








