✨️ Bundle & Save — browse our Classic and Modern Tailwind CSS template bundles ✨️
Appy

Appy

A dark & white website template designed for showcasing mobile apps.

Template specs

  • HTML Template Built with Tailwind CSS v4 and Alpine.js v3. Shipped with pre-compiled CSS, changes via Tailwind CLI.
  • Next.js Template Built with Next.js 16 (App Router) plus TypeScript support - and Tailwind CSS v4. Powered by MDX.
  • Vue Template Basic app built with Vue v3, Tailwind CSS v4, Vite v6.

About this template

Appy is a website template designed for showcasing mobile apps. It offers a range of pages and components, making it suitable for displaying businesses of all sizes, from small to large and complex. One of the unique features of this template is its ability to offer both dark and light layouts. It means that you can choose the best design to suit your brand and create a stunning website that captures the essence of your product. Whether you prefer a sleek, modern look or a bold, dramatic style, Appy has the flexibility to help you bring your product to life.

What’s included

Appy comprises 10+ pages, including Home, About, Blog, Testimonials, 404, Contact, and more. The template’s combination of mobile placeholders and calls-to-action help redirect your visitors to the Apple or Google store, where they can download your app and start using it right away.

Built for

With its clean and modern design, Appy provides a sleek and professional look that’s perfect for showcasing your mobile app to potential customers.

Changelog

July 7, 2026 Update

A major refresh across every edition.

HTML

  • Add local dev server with live reload (npm run dev now runs the Tailwind watcher and Browsersync together)
  • Bundle the Tailwind CLI as a dependency
  • Upgrade Tailwind CSS to 4.3.2

Next.js

  • Upgrade to Next.js 16.2.10 and React 19.2.7
  • Update to Tailwind 4.3.2
  • Upgrade next-mdx-remote-client to v2
  • Remove unused @next/mdx config
  • Upgrade Swiper to v14
  • Move AOS init into a client component to improve static rendering
  • Clean up dependencies and move types to devDependencies
  • Add ESLint and Prettier configuration with import sorting
  • Add MDX-based product pages with a dynamic /products/[slug] route and a products index
  • Drive the homepage carousel from the shared product data
  • Add Products dropdown to the header and mobile menu
  • Add Terms and Privacy pages
  • Rebuild the footer with real internal links

Vue

  • Upgrade Vue to 3.5.39 and Vue Router to 5.1.0
  • Upgrade to Tailwind 4.3.2
  • Upgrade Vite to 8.1.3 and @vitejs/plugin-vue to 6.0.7
  • Upgrade Swiper to 14 (modules are now imported from swiper/modules)
  • Add new Products and product pages
  • Add Terms and Privacy pages
  • Rebuild the footer with real internal links
  • Remove the redundant @vue/compiler-sfc dependency
  • Remove insecure process.env exposure and unused resolve alias from the Vite config
  • Add a real favicon set (SVG, PNGs, ICO, and web manifest)
  • Add ESLint (flat config with eslint-plugin-vue) and Prettier, and lint/format all files

FAQ

  • Yes! You can use this template for an unlimited number of personal and commercial projects. These can include commercial landing pages, websites, or SaaS applications that end users pay to access.
  • If you're a freelancer or agency, you can use this templates for your client projects. Please be aware that the final outcome must still adhere to our Terms & License agreement.
  • Yes, you can take sections from one template to another, but since every template has a custom tailwind.config.json file it may require a bit of review work. For example, if you want to paste a section of Cube into Neon, you'll have to swap any font-hkgrotesk class from Cube code to font-uncut-sans. Also, you might want to check that the color classes match the color scheme of the destination template.
  • Unfortunately, we cannot provide support for using frameworks or site generators that are not explicitly advertised as compatible with our templates. However, you can set up your own environment and import the necessary components or elements from our templates into your application. By doing so, you will be able to customize the integration to meet your specific needs.
  • A Figma file is available for this template. However, since our primary focus is on providing quality code for developers, this design file serves solely as a visual reference and is not organized into complex auto layouts or dynamic components. You can download a free Figma file from our public page to see how our design files are structured.