General Introduction
Grok Playground Grok3 is an open source project developed by the team of "Tech Crawler Shrimp". The core function of this tool is to allow users to deploy a Grok3 domestic mirror site in less than 10 seconds. Grok3 is an artificial intelligence model introduced by xAI, and Grok Playground through simple operation to help users bypass geographical restrictions, rapid use of Grok3. It supports multi-account aggregation, to solve the problem of insufficient single-account quota. The project is based on Deno technology and supports multiple deployment methods such as Server, Netlify, Deno and Cloudflare Worker. It is officially recommended to use clean cloud servers with overseas IPs for deployment to avoid Grok's wind control issues. The project was released on March 4, 2025, and the author provides video tutorials on B-site, YouTube and other platforms.
Function List
- Rapid Deployment: Build Grok3 mirror site in 10 seconds without complex configuration.
- Multi-Account Aggregation: Supports switching between multiple Grok3 accounts and automatically replacing them when the credit is exhausted.
- Geo Unlocking: Proxy technology to allow domestic users to access Grok3 services as well.
- Multi-platform support: Supports server, Netlify, Deno and Cloudflare Worker deployments.
- Open source and free of charge: the code is open to the public, and users are free to modify and optimize it.
- Mobile Adaptation: The web interface supports mobile access and is available anytime, anywhere.
Using Help
Installation and deployment process
Grok Playground offers several deployment options. Below are detailed steps for different needs.
Server deployment (recommended)
- Prepare the server
Need a cloud server with overseas IP (Hong Kong is fine). Recommended Aliyun, Tencent Cloud and other service providers to ensure that the IP is clean and to avoid Grok wind control. - Install unzip
Run the following command on your Ubuntu system:
sudo apt-get install unzip -y
- Install Deno
Enter the following command to install Deno:
curl -fsSL https://deno.land/install.sh | sh
After installation, restart the terminal (close and open it again) with the deno --version
Check the version.
- Download Project Code
Run the following command to clone the project:
git clone https://github.com/tech-shrimp/grok-playground
- Access to the catalog
Go to the project folder:
cd grok-playground
- Starting services
Execute the startup script:
sh deno_start.sh
Port 80 is used by default. To change the port, edit the src/deno_index.ts
port number in the file.
- Configuring HTTPS
Set up the domain name and HTTPS with Cloudflare, or configure the certificate manually. Once done, access the server IP or domain name to use it.
Netlify Deployment
- Click the Deploy button
Visit https://app.netlify.com/start/deploy?repository=https://github.com/tech-shrimp/grok-playground and click on the button. - Sign in to GitHub
Sign in with your GitHub account to authorize Netlify to access the repository. - automatic deployment
Netlify will automatically assign a free domain name (with direct domestic connection). After successful deployment, you can access the domain name.
Deno deployment
- Project Fork
fork https://github.com/tech-shrimp/grok-playground to your account on GitHub. - Login Deno Deploy
Visit https://dash.deno.com/ to register or log in. - Create a project
Create a new project at https://dash.deno.com/new_project and select the repository you forked. - Configuration Portal
Set Entrypoint tosrc/deno_index.ts
, leaving the other fields blank. - deployments
Click "Deploy Project", after the deployment is completed, get the domain name, open it and you can use it.
Cloudflare Worker Deployment
- Click the Deploy button
Visit https://deploy.workers.cloudflare.com/?url=https://github.com/tech-shrimp/grok-playground and click on the button. - Log in to Cloudflare
Log in with your Cloudflare account. - Fill in the information
Enter the Account ID and API Token (get it in the Cloudflare dashboard). - Fork and deploy
Fork project with GitHub Action enabled. after deployment, view the Worker address at https://dash.cloudflare.com. - caveat
Domestic access requires magic internet, otherwise it may be blocked by Cloudflare shield.
How to use the main features
Rapid deployment of mirror sites
- Once deployment is complete, access the generated domain name (e.g. https://grok.tech-shrimp.com/).
- Once the page loads, enter a question or instruction and Grok3 will return the answer. The whole process takes only 10 seconds.
Multi-account aggregation
- Add the API Key for multiple Grok3 accounts to the configuration file (see the project README for the exact location).
- The system will automatically switch to the next account when it detects that the current account limit is insufficient.
- Example Configuration:
{
"accounts": [
{"key": "Your first API key"}, {"key": "Your second API key"}, {"key": "Your first API key"}, {"key": "Your second API key"}
{"key": "Your second API key"}
]
}
Locale Unlocked
- The project has a built-in proxy feature that automatically forwards requests to available servers.
- No additional tools are needed for domestic users to access Grok3 services directly.
local debugging
Deno Commissioning
- Install Deno
- Windows.
irm https://deno.land/install.ps1 | iex
- Mac/Linux.
curl -fsSL https://deno.land/install.sh | sh
- Windows.
- Initiation of projects
Go to the project directory and run it:deno run start
Netlify Debugging
- Installing Node.js
Download and install Node.js (official website: https://nodejs.org). - Installing the Netlify CLI
Running:npm install -g netlify-cli
- Access to the catalog
cd grok-playground
- Login and Debug
netlify login netlify dev
caveat
- Clean IPs are recommended for server deployments to avoid being blocked by Grok Risk Control.
- Serverless deployments (Netlify/Deno/Cloudflare) may be shielded due to IP issues, refresh the page to try changing the IP.
How to get Grok Cookie,Turn on Magic Internet,Register an account and log in to Grok official website (https://grok.com),Open your browser's developer tools (press F12),Switch to "Network" (Network) tab,Refresh the page,Find an API request in the list of network requests,Find the "Cookie" field in the headers of the request (Headers),Copy the entire cookie value and paste it into the text box,Bebop: a sales tool to quickly find B2B leads,Bebop: a sales tool to quickly find B2B leads,Bebop: a sales tool to quickly find B2B leads,Bebop: a sales tool to quickly find B2B leads ) in the request header (Headers) to find the "Cookie" field, copy the entire cookie value and paste it into the text box,Bebop: Quickly find B2B potential customers sales tool,Bebop: Quickly find B2B potential customers sales tool - Chief AI Sharing Circle
- 开启魔法上网
- 注册账户,并且登录Grok官方网站 (https://grok.com)
- 打开浏览器的开发者工具(按F12)
- 切换到"网络"(Network)标签,刷新页面
- 在网络请求列表中找到一个API请求
- 在请求头(Headers)中找到"Cookie"字段
- 复制整个Cookie值并粘贴到文本框中
application scenario
- Technical Learning
Developers can use it to learn deployment methods for platforms like Deno, Netlify, and explore AI mirror site building. - AI Experience
Users can quickly try out Grok3's Q&A and generation features without complex configuration. - Team Use
Small teams can deploy mirror sites to support multiple people using AI services at the same time through multiple accounts.
QA
- Do I need a server for deployment?
Not necessarily. It can be deployed for free with Netlify or Deno, but server deployment is more stable. - Can I use it directly in China?
Can. The project has built-in proxies to bypass geo-restrictions. Serverless deployments may require a refresh to resolve shield issues. - Does it support mobile?
Support. Deployed websites are adapted to mobile browsers and are always available.