Tailwind CSS v2.0
Included HTML, CSS
Included Eleventy Build
Updated: November 15, 2021
Cloud is the HTML Kit that you need. It's perfect for creating a personal website, a Saas or even a blog. It offers a wide range of sections that you can easily customize and make it yours in simple steps.
We have included more than 30 component designs that can be combined to deliver a professional looking website. We have thoroughly tested all the components and other design elements to make sure that they adapt to the different screen sizes. Plus, if you do change the primary colors then you can make even more combinations and your websites will look amazing.
After you buy Cloud, you will have the option to download a ZIP file containing all the project requirements. Included in the ZIP file is the
dist folder where you can easily
copy any section that you want.
Apart from the compiled
HTML we also have included the full Eleventy build so you can tinker with the final output without changing a lot of files.
The Eleventy Build has the following features:
To install the required dependencies in the root of the directory you will have to run
Our Eleventy build uses a simple setup with PostCSS to compile Tailwind.
npm run dev- to run in development mode with hot reload.
npm run production- to compile assets for production.
We have made configuring the build very simple. Every text is included in the
_data folder which means you only have to write it once and just include your desired section and you can also experiment with different sections to see what fits better.
For Features Section we use
svg icons and some of them you can find on
src/assets/svg In order to customize the icons head over to Unicons and just copy the right
The design of Cloud is done entirely with TailwindCSS. We have added many different colors on the Tailwind Config file and you can change the primary colors to make a different color combination for your website.
In the following layout file in
src/_includes/layouts/default.njk you can change the default link for the font, if you decide to rebuild the project it will change it in all files.
Please send us an email over at
email@example.com for any Bugs or Feature Requests
Cloud was brought to you by the lovely team at Lucky Media, we are a digital agency focused on professional, innovative, user-oriented web design & development.
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.
Below you can see the timeline of changes since its initial launch.
Stay up to date
Be updated with all news, products and tips we share!