Val Town Code SearchReturn to Val Town

55- **50+ Curated AI Tools**: Handpicked collection of the best AI services
56- **Smart Search**: Find tools by name or description
57- **Category Filtering**: Organized by Education, Writing, Images, Audio, Video, Development, etc.
58- **Direct Access**: One-click access to all AI tools
59- **Regular Updates**: Continuously updated with new AI tools
1962. Browse 50+ curated AI tools organized by category
1973. Use the search bar to find specific tools
1984. Filter by category (Education, Writing, Images, Audio, Video, Development, etc.)
1995. Click any tool card to visit the AI service directly
200
212- **Education & Learning**: Study assistants, research tools, scientific platforms
213- **Content Creation & Writing**: Copywriting, document creation, content generation
214- **Image & Visual AI**: Photo editing, AI art generation, image enhancement
215- **Audio & Voice**: Text-to-speech, music generation, audio processing
216- **Video & Animation**: Video editing, avatar creation, animation tools

25    <meta property="og:description" content="Generate test credit cards with 3D graphics and Luhn algorithm validation">
26    <meta property="og:type" content="website">
27    <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>💳</text></svg>">
28  `;
29  
285        currency: "USD",
286        category: "Digital Tools",
287        image: "🛠️",
288        features: [
289          "50+ Premium Software Licenses",
305        currency: "USD",
306        category: "Analytics",
307        image: "📊",
308        features: [
309          "AI-Driven Insights",
325        currency: "USD",
326        category: "Security", 
327        image: "🔒",
328        features: [
329          "Premium VPN Access",
364        currency: "USD",
365        category: "Digital Tools",
366        image: "🛠️",
367        features: [
368          "50+ Premium Software Licenses",

9  currency: string;
10  category: string;
11  image: string;
12  features: string[];
13  inStock: boolean;
25    currency: "USD",
26    category: "Digital Tools",
27    image: "🛠️",
28    features: [
29      "50+ Premium Software Licenses",
45    currency: "USD",
46    category: "Analytics",
47    image: "📊",
48    features: [
49      "AI-Driven Insights",
65    currency: "USD", 
66    category: "Security",
67    image: "🔒",
68    features: [
69      "Premium VPN Access",
188        {filteredProducts.map(product => (
189          <div key={product.id} className="glass-card rounded-2xl p-6 hover:scale-105 transition-all duration-300">
190            {/* Product Image/Icon */}
191            <div className="text-center mb-4">
192              <div className="text-6xl mb-2">{product.image}</div>
193              <div className="flex items-center justify-center space-x-2">
194                {renderStars(product.rating)}

273    ...inputStyle,
274    appearance: "none",
275    backgroundImage:
276      `url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23${
277        BRAND_COLORS.darkGreen.substring(1)
278      }%22%20d%3D%22M287%2C114.7L159.1%2C21.2c-5.3-3.3-12.1-3.3-17.4%2C0L5.4%2C114.7c-6.6%2C4.3-5.7%2C14.8%2C1.7%2C17.1l127.9%2C77.8c5.3%2C3.3%2C12.1%2C3.3%2C17.4%2C0l127.9-77.8C292.7%2C129.5%2C293.6%2C119%2C287%2C114.7z%22%2F%3E%3C%2Fsvg%3E')`,

82- [ ] Another task
83
84## Links and Images
85
86### Links
90[Link with title](https://example.com "Example Title")
91
92### Images
93
94![Alt text](https://cdn.midjourney.com/3fb5dc99-7314-43cb-8cb1-7a34a2488558/0_2.png "Image Title")
95
96<img src="https://cdn.midjourney.com/88c6cfcd-1bc1-45bd-83cf-28a082d6d6d3/0_3.png" alt="Alt text" title="Image Title" style="width: 50%;" />
97
98## Code
165{
166  "title": "Example Card 1",
167  "image": "https://cdn.midjourney.com/3fb5dc99-7314-43cb-8cb1-7a34a2488558/0_2.png",
168  "description": "This is an example of a custom card component with a primary color border.",
169  "badges": ["New", "Featured"],
180{
181  "title": "Example Card 2",
182  "description": "This is an example of a custom card component without an image and with a secondary color border.",
183  "image": "https://cdn.midjourney.com/fc46f1d5-1ae8-47e7-9ecb-4d947e67c15b/0_0.png",
184  "badges": ["New2", "Featured2"],
185  "tags": ["example2", "card2", "daisyUI2"],
196  "title": "Example Card 3",
197  "description": "This is an example of a custom card component with an accent color border.",
198  "image": "https://cdn.midjourney.com/3fb5dc99-7314-43cb-8cb1-7a34a2488558/0_2.png",
199  "badges": ["new3"],
200  "tags": ["example3", "card3"],
211  "title": "Example Card 4",
212  "description": "This is an example of a custom card component with a custom Tailwind color border.",
213  "image": "https://cdn.midjourney.com/1272f6de-08b0-45eb-a4f3-80f7e76c1c62/0_0.png",
214  "badges": ["new4"],
215  "tags": ["example4", "card4"],
227title: Example Card 5
228description: "This is an example of a custom card component with a custom Tailwind color border"
229image: https://cdn.midjourney.com/1272f6de-08b0-45eb-a4f3-80f7e76c1c62/0_0.png
230badges:
231  - new4
264{
265  "link": "https://x.com/OpenAi",
266  "imageSrc": "https://pbs.twimg.com/profile_images/1885410181409820672/ztsaR0JW_400x400.jpg",
267  "title": "OpenAi",
268  "description": "Follow OpenAI on X for updates!",
276{
277  "link": "https://x.com/embirico",
278  "imageSrc": "https://pbs.twimg.com/profile_images/1649509163712561153/mTxQ1REO_400x400.jpg",
279  "title": "embirico",
280  "description": "Follow embirico on X for updates!",
288{
289  "link": "https://x.com/sama",
290  "imageSrc": "https://pbs.twimg.com/profile_images/1904933748015255552/k43GMz63_400x400.jpg",
291  "title": "sama",
292  "description": "Follow sama on X for updates!",
301```yaml
302  link: https://www.youtube.com/watch?v=90Q5bMN6u2w
303  imageSrc: "https://i.ytimg.com/vi/90Q5bMN6u2w/hqdefault.jpg?sqp=-oaymwEnCNACELwBSFryq4qpAxkIARUAAIhCGAHYAQHiAQoIGBACGAY4AUAB&rs=AOn4CLDEDBp4i_9cyamHAdM77w-IRZlEow"
304  title: Ek Din Aap - HD VIDEO | Shah Rukh Khan & Juhi Chawla | Yes Boss | 90's Romantic Hindi Songs
305  description: "Follow sama on X for updates!"
315{
316  "link": "https://www.youtube.com/watch?v=vzlXfZlH5dk",
317  "imageSrc": "https://i.ytimg.com/vi/vzlXfZlH5dk/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAMQdbPdGIA6lEJaK8M9iI2VqZ-tw",
318  "title": "Main Koi Aisa Geet Gaoon - HD VIDEO | Shah Rukh Khan & Juhi Chawla | Yes Boss | 90's Romantic Songs",
319  "description": "This song is a classic romantic number featuring the iconic duo Shah Rukh Khan and Juhi Chawla. It captures the essence of 90's Bollywood romance and is a must-watch for fans of the genre.",
327{
328  "link": "https://www.youtube.com/watch?v=bKZTnnFU9HA",
329  "imageSrc": "https://i.ytimg.com/vi/bKZTnnFU9HA/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAAqzUHP-pMvh0ecICwVRVwXlCQXg",
330  "title": "Kuch Kuch Hota Hai: Title Track | 4K Video | Shah Rukh Khan| Kajol| Rani| Alka Yagnik |Udit Narayan",
331  "description": "🌟 - A classic Bollywood love song that continues to touch hearts with its memorable tune and heartfelt lyrics. 💖🎶\n\nExperience the romance and nostalgia of Bollywood with the unforgettable Kuch Kuch Hota Hai 4K version Title Track. It's a song that never gets old! 💫📽️\n\nA timeless Bollywood melody that beautifully encapsulates the essence of love and friendship, with Shah Rukh Khan, Kajol & Rani's magical chemistry at its heart. 🎶💖",
346    "description": "a romantic movie",
347    "year": 1998,
348    "image": "https://cdn.midjourney.com/3fb5dc99-7314-43cb-8cb1-7a34a2488558/0_2.png",
349    "link": "https://www.duckduckgo.com"
350  },
353    "description": "a tragic movie",
354    "year": 2002,
355    "image": "https://cdn.midjourney.com/3fb5dc99-7314-43cb-8cb1-7a34a2488558/0_2.png",
356    "link": "https://app.squareup.com/dashboard/shifts/timecards"
357  },
360    "description": "a comedy movie",
361    "year": 2005,
362    "image": "<img src='https://cdn.midjourney.com/88c6cfcd-1bc1-45bd-83cf-28a082d6d6d3/0_3.png' alt='Alt text' title='Image Title' style='width: 50%;' />",
363    "link": "[<i class='iconify-inline' data-icon='famicons:open-outline' style='font-size: 3em;'></i>](https://app.squareup.com/dashboard/shifts/timecards)"
364  }
375    "description": "a romantic movie",
376    "year": 1998,
377    "image": "dgfhdfgjhfghjfhj",
378    "link": "dfghjfdghjf"
379  },
382    "description": "a tragic movie",
383    "year": 2002,
384    "image": "sdgfhsdfghd",
385    "link": "dfghjfdghjfghj"
386  },
389    "description": "a comedy movie",
390    "year": 2005,
391    "image": "sdfhsdfghdfgh",
392    "link": "asdfsdf"
393  }
407  year: 1998
408  # Quoted to ensure HTML is treated as a string safely.
409  image: '<img src="https://cdn.midjourney.com/88c6cfcd-1bc1-45bd-83cf-28a082d6d6d3/0_3.png" alt="Alt text" title="Image Title" style="width: 50%;" />'
410  link: https://www.duckduckgo.com
411
413  description: a tragic movie
414  year: 2002
415  image: https://cdn.midjourney.com/3fb5dc99-7314-43cb-8cb1-7a34a2488558/0_2.png
416  # This line required quoting to be a valid YAML string due to the initial '[' and Markdown-like syntax.
417  link: '[<i class="iconify-inline" data-icon="famicons:open-outline" style="font-size: 3em;"></i>](https://app.squareup.com/dashboard/shifts/timecards)'
421  year: 2005
422  # Quoted for robustness, ensuring the Markdown '![...](...)' is treated as a string.
423  image: '<img src="https://cdn.midjourney.com/fc46f1d5-1ae8-47e7-9ecb-4d947e67c15b/0_0.png" alt="a_lololol" title="t_yhyhyhyhy" />'
424  link: https://www.duckduckgo.com
425
428  year: 2005
429  # Quoted for robustness, ensuring the Markdown '![...](...)' is treated as a string.
430  image: '<img src="https://cdn.midjourney.com/fc46f1d5-1ae8-47e7-9ecb-4d947e67c15b/0_0.png" alt="a_lololol" title="t_yhyhyhyhy" style="width: 10%;" />'
431  link: https://www.duckduckgo.com
432

18      SUM(cache_write_tokens) as total_cache_write_tokens,
19      SUM(price) as total_price,
20      SUM(num_images) as total_images
21    FROM ${USAGE_TABLE}
22    WHERE our_api_token = 1
101          total_cache_write_tokens: userData.cache_write_tokens,
102          total_price: userData.price,
103          total_images: 0,
104          used_inference_data: true
105        });

7  branchId: string | undefined;
8  selectedFiles: string[];
9  images: (string | null)[];
10  soundEnabled: boolean;
11}
20  // bearerToken,
21  selectedFiles,
22  images,
23  soundEnabled,
24}: UseChatLogicProps) {
44      branchId,
45      selectedFiles,
46      images: images
47        .filter((img): img is string => {
48          const isValid = typeof img === "string" && img.startsWith("data:");
49          if (!isValid && img !== null) {
50            console.warn(
51              "Invalid image format:",
52              img?.substring(0, 50) + "..."
53            );

29  - [x] File write as a code embed
30  - [x] str_replace as a diff view
31- [x] make image drop area invisible and bigger
32- [x] Give it all the code (except maybe .txt files) as initial context (like cursor sonnet max)
33- [x] I seem to have lost the delete file tool and instructions, try to find them back in history or re-create?
55- [x] Create branch
56- [x] URL input + pathname
57- [x] Image upload controls
58- [x] Preview refresh button
59- [x] Audio controls

155
156- **Redirects:** Use `return new Response(null, { status: 302, headers: { Location: "/place/to/redirect" }})` instead of `Response.redirect` which is broken
157- **Images:** Avoid external images or base64 images. Use emojis, unicode symbols, or icon fonts/libraries instead
158- **AI Image:** To inline generate an AI image use: `<img src="https://maxm-imggenurl.web.val.run/the-description-of-your-image" />`
159- **Storage:** DO NOT use the Deno KV module for storage
160- **Browser APIs:** DO NOT use the `alert()`, `prompt()`, or `confirm()` methods

782  background-color: var(--highlight);
783}
784.card-image {
785  display: flex;
786  align-items: center;
809}
810
811.image-placeholder,
812.image-thumbnail {
813  flex-shrink: 0;
814  width: 40px;
817  object-fit: cover;
818}
819.image-placeholder {
820  background-color: var(--muted);
821}
828}
829
830.image-row {
831  display: flex;
832  gap: var(--space-1);
833}
834.input-image {
835  position: relative;
836  border: 1px solid var(--muted);
837  border-radius: 6px;
838}
839.remove-image-button {
840  position: absolute;
841  top: 0;
850  opacity: 0;
851}
852.input-image:hover .remove-image-button {
853  opacity: 1;
854}
855
856.image-drop-overlay {
857  position: fixed;
858  top: 0;
867  justify-content: center;
868}
869.image-drop-inner {
870  padding: var(--space-2);
871  background-color: var(--background);
880}
881
882.transition, .input-box, .icon-button, .button, .remove-image-button {
883  transition-property: color, background-color, border-color, opacity;
884  transition-duration: 200ms;