E-Commerce Templates
15 complete page templates forming a unified Shopify-style e-commerce website. Each page showcases the IO-UI design system with 40+ animated Aceternity components, light/dark mode toggle, and The Prompt Engineering Project brand.
11 sections
Home
Dark / LightFull e-commerce homepage with hero, featured products carousel, category grid, value props, 3D marquee gallery, blog preview, and newsletter.
10 sections
About
Dark / LightCompany story with lamp hero, aurora mission, tracing beam narrative, team avatars, canvas reveal values, milestones timeline, and stats.
9 sections
Product Categories
Dark / LightBrowse categories with bento grid, sticky scroll spotlight, focus cards, direction-aware gallery, before/after comparison, and browse CTA.
12 sections
Pillar Topic
Dark / LightLong-form content page with floating TOC dock, container scroll, sticky scroll framework, glare cards, timeline, FAQ, and related products.
38 sections
Product Page
Dark / LightFlagship showcase with 38 sections and 40+ animated components. The complete design system playground.
10 sections
Blog Index
Dark / LightBlog homepage with search, featured post, category filters, post grid, trending ticker, newsletter with gradient animation, and topic cards.
7 sections
Blog Category
Dark / LightCategory-filtered blog view with 3D featured post, post grid, sidebar categories, trending ticker, and wavy newsletter CTA.
9 sections
Blog Post
Dark / LightSingle article with reading progress bar, tracing beam body, author spotlight card, related posts, floating share dock, and newsletter CTA.
10 sections
Pricing
Dark / LightPricing page with comet cards, animated modal comparison, tabbed pricing views, dot background stats, testimonials, and FAQ accordion.
9 sections
Contact
Dark / LightContact page with sidebar navigation, signup form, file upload, world map with global connections, office location cards, and quick question search.
10 sections
Case Studies
Dark / LightPortfolio page with hero parallax, lens zoom, pointer highlight, expandable case study cards, draggable metric cards, and client story narrative.
10 sections
Documentation
Dark / LightDocs page with mega menu navigation, tabbed code examples, sticky scroll API reference, architecture timeline, link previews, and component cards.
14 sections
Visual Showcase
Dark / LightUltimate visual gallery with SVG mask reveal, images slider, animated testimonials, modal gallery, macbook scroll, parallax scroll, and interactive gradient.
112 sections
Edward Flynn — Personal Brand
Dark / LightComplete 12-page personal brand website for a behavioral health professional. Includes home, about, portfolio, services, products, book, course, community, blog, and contact pages.
103 sections
Tommy Saunders — Personal Brand
Dark / LightComplete 10-page personal brand website for a creative director, AI educator, and founder. Includes home, portfolio, AI mastery, course, Whop, clipping strategy, blog, and more.