MonkeyUI is a UI/UX knowledge base that empowers vibe coding by turning any reference UI screenshot into style DNA — a structured description of colors, typography, spacing, radii, and shadows — and injecting it into your IDE via the Model Context Protocol (MCP). Through carefully designed reference guidelines, it helps developers generate professional-grade, high-intent UI without requiring designer expertise.
This is the public marketing website for MonkeyUI (MonkeyUI-www). It is a single-page, bilingual landing page built with Next.js and deployed on Vercel.
Live site: https://monkeyui.com
- Next.js 16 — App Router with React Server Components
- React 19
- Tailwind CSS v4 — utility classes + custom design tokens via CSS custom properties
- next-intl v4 — i18n routing and translations (English + Simplified Chinese)
- Google Fonts — Inter via
next/font - ESLint 9 — Next.js core web vitals rules
# Install dependencies
npm install
# Start the development server
npm run devOpen http://localhost:3000 to see the site. The page auto-updates as you edit files.
npm run build # Production build
npm start # Start production server
npm run lint # Run ESLintThe site supports English (/en) and Simplified Chinese (/zh-CN). All user-facing strings live in the messages/ directory. The default locale is en.
To contribute a translation or fix a string, edit the relevant key in both messages/en.json and messages/zh-CN.json.
Contributions are welcome! Please:
- Fork the repository and create a feature branch.
- Keep changes focused — one concern per pull request.
- Ensure
npm run lintpasses before submitting. - Open a pull request with a clear description of what changed and why.
If you're making substantial changes, please open an issue first to discuss the approach.
The site is deployed on Vercel. Every push to main triggers an automatic deployment. Preview deployments are created for all pull requests.
To deploy your own fork:
Special thanks to React Bits for inspiration and contribution to the UI community.
MIT — see LICENSE for details.