Finwise is a lightweight, easily configurable, and customizable Next.js and Tailwind CSS landing page template. It’s built to be adaptable, performant, and perfect for any product launch, portfolio, or promotional site.
Try out the demo here: https://finwise-omega.vercel.app.
Please check out the documentation below to get started.
- Next.js app router with TypeScript
- Tailwind CSS v3 for flexible styling customization
- Smooth transitions powered by Framer Motion
- Built-in font optimization with next/font
- Automatic image optimization via next/image
- Access to 31+ icon packs via React Icons
- Near-perfect Lighthouse score
- Modular, responsive, and scalable components
- Free lifetime updates
- Hero
- Partners or Clients Logos
- Features
- Pricing
- Testimonials
- FAQ
- Statistics
- CTA
- Footer
Before starting, make sure you have the following installed:
- Node.js: Version 18 or later
- npm: Version 8 or later (bundled with Node.js)
- Code editor: VS Code is recommended.
- Install dependencies: Run
npm install - Run the development server:
npm run dev - View your project: Open localhost:3000
- Edit colors: Update
globals.cssfor primary, secondary, background, and accent colors. - Update site details: Customize
siteDetails.tsin/src/datato reflect your brand and site info. - Modify content: Files in
/src/datahandle data for navigation, features, pricing, testimonials, and more. - Replace favicon: Add your icon to
/src/app/favicon.ico. - Add images: Update
public/imagesfor Open Graph metadata (e.g.,og-image.jpg,twitter-image.jpg).
The fastest way to deploy Finwise is on Vercel. Simply click the "Deploy with Vercel" button at the top of this README, or check the Next.js deployment docs for other deployment options.
Finwise is an open-source project, and we welcome contributions from the community! If you have ideas for new components, designs, layouts, or optimizations, please join us in making Finwise even better.
- Fork the Repository: Clone it locally.
- Create a New Branch: For example,
feature/new-sectionorfix/style-issue. - Develop and Test: Make sure your changes work and don't break existing functionality.
- Submit a Pull Request: Open a pull request with a clear description of your changes, and we'll review it.
- New component sections (team introductions, comparison table, case studies, etc.)
- Additional page variants (e.g., agency, eCommerce, portfolio layouts)
- Additional themes
- Documentation updates, tutorials, or guides
Join our community discussions on GitHub to share ideas, ask questions, or suggest improvements. Let’s build something amazing together!
This project is open-source and available under the MIT License. Feel free to use, modify, and distribute it for personal or commercial projects.