A UIUX knowledge base empowering vibe coding, helping developers generate professional-grade, high-intent UI through carefully designed reference guidelines, without requiring designer expertise.
monkeyui/
├── frontend/ # React + Vite frontend application
├── backend/ # Django + DRF backend API
└── docs/ # Documentation
- React - UI framework
- Vite - Build tool and dev server
- TailwindCSS - Utility-first CSS framework
- Shadcn/ui - Re-usable component library
- i18next - Internationalization (English/Chinese)
- Django - Web framework
- Django REST Framework - RESTful API toolkit
- PostgreSQL - Primary database
- pgvector - Vector similarity search extension
- Pipenv - Python dependency management
- Node.js 22+ and npm
- Python 3.11+
- PostgreSQL 15+ with pgvector extension
- Pipenv
cd frontend
npm install
npm run devThe frontend will be available at http://localhost:5173
cd backend
pipenv install
pipenv shell
# Setup database
python manage.py migrate
# Create superuser
python manage.py createsuperuser
# Run development server
python manage.py runserverThe backend API will be available at http://localhost:8000
- Install PostgreSQL and pgvector extension:
# macOS
brew install postgresql pgvector
brew services start postgresql
# Create database
createdb monkeyui_dev
psql monkeyui_dev -c 'CREATE EXTENSION vector;'- Update backend
.envfile with your database credentials.
For convenience, you can run both frontend and backend concurrently:
# Terminal 1 - Frontend
cd frontend && npm run dev
# Terminal 2 - Backend
cd backend && pipenv run python manage.py runserverThis project supports English (default) and Chinese. Language files are located in:
- Frontend:
frontend/src/locales/ - Backend:
backend/locale/
Please read our contributing guidelines before submitting pull requests.
MIT