Gatu 是一款现代化设计的 代币预售模板（Token Presale Template），适用于 ICO 模板、IDO 模板 和 IGO 模板。该模板采用 React JS 技术构建前端，并通过 Solidity 实现 智能合约 功能，专为 ERC-20 标准代币预售场景打造，满足一站式 Web3 预售需求。

Gatu是一款基于 React JS 和 Solidity 的 ICO/IDO/IGO 代币预售模板，集成 RainbowKit/Rainbowkit 钱包连接、ERC-20 智能合约、预售倒计时与进度条，页面风格现代简洁，支持高度定制。

演示地址：

https://gittu-react.vercel.app/#/
https://gittu-react.vercel.app/#/home-two
https://gittu-react.vercel.app/#/home-eight
https://gittu-react.vercel.app/#/home-three
https://gittu-react.vercel.app/#/home-four
https://gittu-react.vercel.app/#/home-five

核心亮点

智能合约：基于 Solidity 0.8.x，已通过 CertiK 形式化验证，安全可升级。
React前端：TypeScript 编写，支持暗黑/亮色主题，SEO 友好，PWA 支持。
支持 钱包连接，兼容 RainbowKit 和 MetaMask，提升用户体验。
内置 预售倒计时 与 代币售出进度条，实时展示销售状态。
集成 ERC-20 买代币、提币与阶段奖励机制，流程清晰便捷。
基于 Styled Components 与 Sass，组件化结构支持高度定制。
跨浏览器兼容（支持 IE11+、Firefox、Safari、Chrome 等）并采用 Bootstrap 5.3 样式基础。
页面风格简洁现代，可定制性强，适用于不同项目风格。

主要功能

用户可支付的购买代币
购买代币功能
支持多网络
提现功能
预售代币
预售结束倒计时
预售代币销售进度条
预售代币阶段奖励
钱包与 Rainbowkit 连接
Metamask 已准备就绪
基于样式化的组件
组件基础样式，让页面加载速度更快
带有样式组件的 Sass
可重复使用的组件，可实现高度定制
简洁的设计
可扩展的项目架构
现代设计
10个不同的页面
漂亮的颜色和字体
Connec 钱包弹出窗口
代币购买弹出窗口
语义标记
与 Bootstrap 5.3.0 兼容
免费的谷歌字体
免费图标
100%可定制代码

React JS+Solidity代币预售发行网站模板 | 区块链众筹 | 区块链代币发行 - 文章相册插图

适用场景

无论你是初创团队做ICO，还是成熟项目做IDO，Gatu都能满足需求。模板支持区块链众筹、NFT 公售、GameFi 代币发行等多种场景。

快速部署

克隆仓库，安装依赖：npm install
配置 .env 文件，填写 RPC、私钥、白名单 Merkle Root。
部署智能合约：npx hardhat run scripts/deploy.js --network bsc
启动React前端：npm run dev
打开Metamask或Trust Wallet，连接钱包即可参与预售。

技术架构

前端使用 React JS 框架和 Bootstrap 5.3，结合 Styled Components 和 Sass 实现优雅的样式管理；后端核心依赖 Solidity 智能合约，实现 ERC-20 代币预售功能。支持使用 RainbowKit/UI 实现顺畅的 钱包连接，前端与智能合约完美衔接，响应迅速，适配高并发用户访问。

模块	技术栈
前端	React 18, Next.js, TailwindCSS, TypeScript
合约	Solidity 0.8.19, Hardhat, OpenZeppelin, Chainlink Price Feed
钱包	Metamask, Trust Wallet, WalletConnect
部署	Hardhat, Foundry, Vercel, IPFS

结语

选择Gatu，你不仅获得一套预售模板，更拥有完整的代币发行解决方案。集合了 React JS 前端交互、Solidity 智能合约、ERC-20 代币机制，以及 钱包连接、预售倒计时 和 进度条 等功能于一体，Gatu是一款为 ICO/IDO/IGO 代币预售量身打造的专业模板。其现代化设计和高定制性使其成为加密项目上线预售的理想选择。