Finity v1.0.0

Tailwind CSS Landing page UI

Finity is an extremely versatile Landing page UI Kit built with Tailwind CSS and Alpine JS v3.

Finity is an incredible Tailwind CSS HTML template that comes with numerous, customisable and reusable components and prebuilt sections. They are designed to fit as many purposes as possible and crafted following the best coding and accessibility practices. Finity is written using inline HTML utility classes that Tailwind CSS provides, for maximum customization potential. Finity is built with Tailwind 3.x, Alpine JS 3.x and bundled by Vite 3.x / 4.x.

Alpine JS

Alpine is a rugged, minimal tool for composing behavior directly in your markup. Think of it like jQuery for the modern web. Plop in a script tag and get going. There is no better way to get a feel for what Alpine is and what it can do than using it. Alpine's declarative syntax synergizes extremely well with Tailwind CSS utilities.

Tailwind CSS

Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces. It is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override. The beauty of this beast resides in the fact that it doesn’t impose any design specifications or indications on how your site should look like. You simply bring tiny components together to build a user interface that is unique. This makes Finity a very intuitive HTML template to use in development.

Vite Powered

Finity is powered by Vite. Vite is an opinionated web dev build tool that serves your code via native ES Module imports during dev and bundles it with Rollup for production. Vite features lightning-fast cold server start, instant hot module replacement (HMR) and true on-demand compilation. Finity uses the vite-plugin-handlebars plugin and builds on top of it to provide a global layout, page and partials system, making chunks of code reusable anywhere.

Theming capabilities

With Tailwind, you style elements by applying pre-existing classes directly in your HTML. By using utility classes in this way, you can build custom designs without writing CSS. Without a framework like Tailwind, you have to keep writing CSS as you add new features and components. As a result, your CSS files continue to grow and get heavier. By using utilities like Tailwind’s flexbox and padding utilities, most styles are reusable so you rarely need to write new CSS. You can easily copy existing components and start tweaking them up to reach what you need.

Clean structure

Finity ships with a clean file structure and a very organized project. Since styles are written directly in the markup, the code is properly indented for maximum readability. Bigger chunks of code are cast away in separate HTML partial files.

Nice looking starter

Finity provides 14 high quality demo pages and a lot of prebuilt sections and base components. Use those UI elements as is or create your own extending them to make websites and web applications that will be remembered by your visitors and customers.

Well documented

Finity is a thoroughly documented template which covers everything from getting started to having all of the project setup and ready to go. Check out the template documentation.

Responsive design

Finity is an HTML template based on Tailwind CSS, which is a heavily mobile first framework. Finity is ultra responsive and handles all types of viewports, such as mobile devices and tablets in both orientations.

Template features

  • Tailwind CSS v3.x
  • Alpine JS v3.x
  • 14 High quality demo pages
  • Heavy Tailwind CSS configuration
  • Layouts & Partials system
  • Vite HMR Update
  • Graphic assets

NOTE: Please note that photos in this template are strictly meant for demo purpose ONLY. Do not use them in production without proper authorization. Other included images require proper licensing from you to be able to use them in production.

Images

Illustrations

High End Design

Our products are defined by the highest design quality for landing pages and web applications. Explore the online demo now.

Project Structure

When it comes to selling digital products, we strongly believe that showing the code base is the best way for a potential customer to know if the products fits his requirements.

Take the time to check the file structure. Hovering each item will show additional details.

  • node_modules
  • src
    • layouts
      • default.html
    • partials
      • partial.html
    • root
      • postcss
        • modules
        • main.postcss
      • scripts
        • components
        • main.js
      • index.html
  • package.json
  • postcss.config.js
  • stylelint.config.js
  • tailwind.config.js
  • vite.config.js

Try Github access

Starting from the developer license, you get full access to the Finity Github private repository. This allows to stay up to date by getting the latest commits and to open issues for bug fixes, questions or feature requests.

to see all options

Changelog

We believe that providing meaningful updates to our templates are important to keep up with the evolution of the dependencies, libraries, and the new design requirements that the modern day web industry requires.

1.0.0 (2022-12-09)

Features

GitHub Access

By purchasing a Developer or Business License for this item, you get access to its private GitHub repository.

Pricing options

Select the one of the pricing options below

Starter

Use this template on a single domain / subdomain.

$59
  • Full template
  • Documentation
  • Lifetime updates
  • Up to 1 project
  • Community support
  • -

Developer

Same as starter license with private Github access.

$75
  • Full template
  • Documentation
  • Lifetime updates
  • Up to 1 project
  • 48h support
  • Github access

Business

Use this template on unlimited domains.

$399
  • Full template
  • Documentation
  • Lifetime updates
  • Unlimited projects
  • 48h support
  • Github access

Enterprise Access

Need a large scale service? Unlock full access to our catalog

Unlimited Access
  • Access to all products
  • Unlimited use
  • Github access
  • Updates/Hot fixes
  • Support under 24h
Medal Illustration