NFTEO

Start your NFT Marketplace in a minute

Meet NFTEO, a fully-featured UI Design kit for NFT Marketplace, including exclusive design files and beautiful 3D illustrations editable in Figma.

This package includes a responsive and fully customized landing page template with 236 clean & minimal pre-made screens. 
We've added a lot of different content to maximize the number of layout options. Drag, drop and mix different parts to quickly build your own NFT marketplace in a matter of minutes.

Highlights

• ✅ 236 Exclusive Pre-Built Templates

• ✅ 200+ Components

• ✅ Coded in React (Production-ready)

• ✅ Fully Customizable & Responsive

• ✅ 136 Sections to Drag&Drop

• ✅ Glossy Light + Dark Mode

What you will get after purchase

You will receive by email a package that contains design files (FIGMA, XD and Sketch formats) and the ReactJS project. The ReactJS includes all templates from Figma designs convert into plain React files. All content are static and hard coded.

Book a Talent to customize and deploy

Book a Talent to customize your app template:

• Change the project name and logo with your company and logo
• Connect to your payment processor
• Connect to a database to save user accounts, emails, payments
• Connect with blockchain API to implement blockchain transaction management features

This list may be completed with the Talents you will meet via the platform.

Setup Instructions

We hope you find this theme useful! In this page we'll cover the folder structure, setting up your development workflow, how to compile.

You have 2 options for using the template:

1. Use files from the build folder - this will allow you not to start the project, but immediately work with CSS, JS, HTML, but you will not be able to use preprocessors, sprites, etc and you will have to manually update the tab in the browser to see the changes, what you put in the files.
2. Run the project, this will allow you to use all the functions of the template.

Note: keep in mind that if you work on files in folder src and then switch to compiling with Gulp you would lose your changes as the files would be re-generated.

— Development setup

• Download and install Node.js (v.14.15.4) if you don't have it already installed in your computer. The template uses npm to manage the dependencies listed in package.json.
• Unzip the theme and then open your terminal, navigate to the root /template directory.
• Install the Gulp Command Line Interface to be able to use Gulp:
  npm install gulp-cli -g
• Making sure you're at the root /template directory, install the local dependencies:
  npm install
• Run: gulp
• That's it!

— Compiling with Gulp

The template uses Gulp to automate the development workflow. With your command line on the root /template directory you can use the following commands:

• gulp
• This is the default task: Compiles the src files into the build folder, opens a tab in your browser, and watches for any changes made in the src folder - SASS, JS, templates(PUG), images, etc. When updates are made it automatically re-compiles and reloads your browser.
  To stop the server and terminate the gulp command just hit CTRL + C.
• gulp build
• Compiles the src files into the build folder.

— Preprocessor SASS(CSS) and PUG(HTML)

The template uses SASS and PUG preprocessors, they speed up and facilitate the work.

Note: in the sass folder, all styles are separated into components, making it easy to use React, vue and angular frameworks.

‍