PsychoArt Landing Page is a free, open-source Next.js and Tailwind CSS landing page template built for creative NFT marketplaces, providing a responsive, animated homepage that can be cloned and customized in minutes.
What is PsychoArt Landing Page?
PsychoArt Landing Page is an open-source web template for promoting an NFT marketplace focused on creating, selling, and collecting creative digital art. Built on Next.js and styled with Tailwind CSS, it takes a developer's Git clone as input and produces a live, locally runnable landing page via a handful of npm commands. The template was designed by Dliya' Zarror Nibros in Figma and implemented by developer joonacode, with a working demo hosted at https://psychoart.joonacode.com.
Key Features
- Built with Next.js — React-based framework that gives server-side rendering and file-based routing for the landing page.
- Tailwind CSS styling — Utility-first CSS framework used to style all components, making custom theming quick and consistent.
- React Awesome Reveal animations — Adds scroll-triggered reveal effects to page sections via the react-awesome-reveal package.
- Emotion CSS-in-JS support — Includes @emotion/react dependency, used by react-awesome-reveal for styling animation components.
- One-page landing layout — Presents NFT product highlights with a single-page design optimized for marketing and conversion.
- Customizable content — The component structure makes it straightforward to swap placeholder text and images with your own NFT project data.
Who is it for?
- Web developers — who need a quick, responsive landing page for an NFT project and want to avoid building from scratch.
- NFT creators and artists — who want an attractive showcase page to present their digital art collections and drive interest.
- Startups and indie makers — who are launching a creative NFT marketplace and need a polished front-facing page without heavy design work.
What can you do with PsychoArt Landing Page?
- Launch a promotional site for an NFT drop — Customize the text and assets to announce a new collection, then deploy the page to a hosting service like Vercel.
- Prototype a marketplace concept — Use the landing page as a visual mockup in user testing or pitch decks for an NFT platform.
- Learn Next.js and Tailwind integration — Study the codebase to see how a minimal Next.js project combines with Tailwind utility classes and animation libraries.
How does PsychoArt Landing Page work?
To get started, clone the repository from GitHub, create a .env file with NEXT_PUBLIC_MAIN_URL set to your local URL, install dependencies with npm install or yarn install, and run npm run dev or yarn dev to start the development server.
FAQ
Is PsychoArt Landing Page free to use?
Yes, the repository is public under an open-source license, so you can clone, modify, and deploy the template for personal or commercial NFT project pages.
What do I need to run it?
You need Node.js and npm (or yarn) installed. Then clone the repo, install packages, and start the dev server following the README's three installation steps.
Can I customize the content?
Yes, the template is structured as standard React components with Tailwind classes, so you can edit text, images, and colors directly in the code without extra tooling.
Does it include a backend?
The repository contains only the landing page frontend; there is no authentication, database, or smart-contract integration included.
