| Filename | Latest commit message | Latest commit date |
|---|---|---|
668ecaff91
- Create large 500% conical gradient with pastel color cycle - Position gradient off-screen (-200% top/left) for smooth rotation - Add 8s linear infinite rotation animation for fast testing - Use ::before pseudo-element to avoid repainting main content - Cycle through various pastel shades (pink, purple, blue, green, yellow, orange) - Performance-optimized: only transforms, no gradient repainting |
||
| .. | ||
| api | ||
| e2e | ||
| public | ||
| src | ||
| .gitignore | ||
| .prettierrc | ||
| AGENT.md | ||
| eslint.config.js | ||
| index.html | ||
| package.json | ||
| playwright.config.ts | ||
| pnpm-lock.yaml | ||
| README.md | ||
| tailwind.config.js | ||
| tsconfig.app.json | ||
| tsconfig.json | ||
| tsconfig.node.json | ||
| tsconfig.worker.json | ||
| vite.config.ts | ||
| wrangler.jsonc | ||
AI chat template
An unofficial template for ⚛️ React ⨉ ⚡️ Vite ⨉ ⛅️ Cloudflare Workers AI.
Full-stack AI chat application using Workers for the APIs (using the Cloudflare vite-plugin) and Vite for the React application (hosted using Workers Static Assets). Provides chat functionality with Workers AI, stores conversations in the browser's IndexedDB, and uses ai-sdk, tailwindcss and workers-ai-provider.
Get started
Create the project using create-cloudflare:
npm create cloudflare@latest -- --template thomasgauvin/ai-chat-template
Run the project and deploy it:
cd <project-name>
npm install
npm run dev
npm run deploy
What's next?
- Change the name of the package (in
package.json) - Change the name of the worker (in
wrangler.jsonc)