Thank you very much for your purchase!

If you have any questions that are beyond the scope of this documentation, please feel free to email or contact us via my page.

Introduction

Interactive CSS 3D Button HTML Template - ThreeD Template. It’s fully responsive and built Tailwind v3. It's crafted using modern web technologies HTML5, SCSS, javascript, Gulp and Yarn You will be easily able to customize it for your needs.

Please feel free to get back to me in case if you are having any question or feedback.

Setup HTML

We are using gulp which allows having complete automation for build flow. In case if you don't know Gulp then it's easy to use it. Gulp is a toolkit for automating painful or time-consuming tasks in the development workflow, so you can stop messing around while building any project. You can read it more about it here. Please follow below steps to install and setup all prerequisites:

Prerequisites

Please follow below steps to install and setup all prerequisites:

  • Yarn

    Make sure to have the Yarn installed & running in your computer. If you already have installed Yarn on your computer, you can skip this step. We suggest you to use Yarn instead of NPM.

  • Nodejs

    Make sure to have the Node.js installed & running in your computer. If you already have installed Node on your computer, you can skip this step if your existing Node latest version 16.

  • Gulp

    Make sure to have the Gulp installed & running in your computer. If you already have installed gulp on run command npm install -g gulp from your terminal.

  • Git

    Make sure to have the Git installed globally & running on your computer. If you already have installed git on your computer, you can skip this step.

Installation

To setup the admin theme, follow below-mentioned steps:

  • Install Prerequisites

    Make sure to have all above prerequisites installed & running on your computer

After you finished with the above steps, you can run the following commands into the terminal / command prompt from the root directory of the project to run the project locally or build for production use:

Command Description
yarn install This would install all the required dependencies in the node_modules folder.
gulp Runs the project locally, starts the development server and watches for any changes in your code, including your HTML, javascript, sass, etc. The development server is accessible at http://localhost:3000.
gulp build Generates a /dist directory with all the production files.

Folder Structure

I have tried to follow the standards and modular structure while developing the theme. Following sections are explaining the theme File & Folder, structure, html file struture and plugins.


├── HTML
	├── dist - Compiled version (Producation Version)
	├── src directory
		├── assets
			├── HTML Pages
			├── images
			├── js
			└── scss
				└── style.scss (main css file)
	├── tailwind.config.js
	├── gulpfile.js
	├── package.json
	└── yarn.lock

Official Documentation

We've used the following resources as listed. These are some awesome creation and we are thankful to the community.

  • TailwindCSS

    It is a utility-first CSS framework the core of the style configuration and it provides utility classes for almost every CSS rule available.

  • TailwindCSS Editor Setup

    Plugins and configuration settings that can improve the developer experience when working with Tailwind CSS.

Support

Once again thank you for your purchase. I'll be happy to answer the the questions you have related to the theme. In case if you have any suggestion or feature, request please feel free to contact me, I'll try to implement it and will release as part of future updates.

Stay Awesome!

- MyraStudio

Changelog

Version 1.0.0     08, Jan 2024

  • Initial released

Copyright © 2023 MyraStudio.