Back to APIs list

Weather API examples & templates

Use these vals as a playground to view and fork Weather API examples and templates on Val Town. Run any example below or find templates that can be used as a pre-built solution.
randQuestTreasureGenerator
dcm31
randQuestTreasureGenerator
Quest RPG Treasure Generator This Val randomly generates magical treasures from the Quest RPG system. Usage // Get a random treasure (weighted rarity) randQuestTreasureGenerator() // Get a treasure of specific rarity randQuestTreasureGenerator("uncommon") randQuestTreasureGenerator("rare") randQuestTreasureGenerator("legendary") randQuestTreasureGenerator("supreme") Each treasure includes: name : The name of the magical item desc : Description of the item page : Reference to the page number in the Quest RPG book damage : (If applicable) Damage value for weapons ap : (If applicable) AP cost for certain items rarity : Rarity category of the item Based on the Quest RPG Treasure Catalog. All content © The Adventure Guild, LLC, 2020.
logoWorkShopOpenMoji
dcm31
logoWorkShopOpenMoji
Remix of: dcm31/logoWorkshop
dmv
yawnxyz
dmv
// import questions from "./questions.json" with { type: "json" };
jamz
all
jamz
@jsxImportSource https://esm.sh/react
simpleLogoGenerator
dcm31
simpleLogoGenerator
* Simple logo generator for Val Town projects * Creates SVGs following a consistent design pattern with customizable elements * * @param {Object} options - Configuration for the logo * @param {string} options.projectName - The name of the project * @param {string} [options.emoji="🚀"] - Emoji to use in the pattern * @param {string} [options.primaryColor="#2196F3"] - Primary accent color (hex) * @param {string} [options.secondaryColor="#3F51B5"] - Secondary color for gradients (hex) * @param {string} [options.tertiaryColor="#03A9F4"] - Tertiary color for gradients (hex) * @param {string} [options.bgColor="#FFFFFF"] - Background color (hex) * @param {string} [options.fontFamily="Roboto, Arial, sans-serif"] - Font family * @param {boolean} [options.uploadToSVGHost=false] - Whether to upload to SVG Host * @returns {Object} Result object with SVG content and upload info if requested
logoGeneratorHTTP
dcm31
logoGeneratorHTTP
@jsxImportSource https://esm.sh/react@18.3.0-canary-a870b2d54-20240314
simplifyLogoGenerator
dcm31
simplifyLogoGenerator
* Simple logo generator for Val Town projects * Creates SVGs following a consistent design pattern with customizable elements * * @param {Object} options - Configuration for the logo * @param {string} options.projectName - The name of the project * @param {string} [options.emoji="🚀"] - Emoji to use in the pattern * @param {string} [options.primaryColor="#2196F3"] - Primary accent color (hex) * @param {string} [options.secondaryColor="#3F51B5"] - Secondary color for gradients (hex) * @param {string} [options.tertiaryColor="#03A9F4"] - Tertiary color for gradients (hex) * @param {string} [options.bgColor="#FFFFFF"] - Background color (hex) * @param {string} [options.fontFamily="Roboto, Arial, sans-serif"] - Font family * @param {boolean} [options.uploadToSVGHost=false] - Whether to upload to SVG Host * @returns {Object} Result object with SVG content and upload info if requested
confidentWhiteOx
ynonp
confidentWhiteOx
An interactive, runnable TypeScript val by ynonp
umbrellaReminder
quan
umbrellaReminder
Remix of: stevekrouse/umbrellaReminder
daypoem
sco
daypoem
An interactive, runnable TypeScript val by sco
flourishingGrayXerinae
ViolinMimo
flourishingGrayXerinae
An interactive, runnable TypeScript val by ViolinMimo
Nairobi
ViolinMimo
Nairobi
An interactive, runnable TypeScript val by ViolinMimo
Weather
ViolinMimo
Weather
An interactive, runnable TypeScript val by ViolinMimo
linkInBioTemplate
Blakekug13
linkInBioTemplate
Remix of: stevekrouse/linkInBioTemplate
uwnbwocked_gamz
Blakekug13
uwnbwocked_gamz
@jsxImportSource https://esm.sh/react@18.2.0
weatherDashboard
poorvis885
weatherDashboard
🌤️ AI Weather Dashboard An interactive AI-powered weather dashboard that provides real-time weather updates and fun, insightful weather descriptions using GPT-4o. 🚀 Features 🌍 Real-time Weather Data – Fetches temperature, wind speed, and direction. 🤖 AI Weather Insights – Generates creative weather descriptions. 🎨 Dynamic UI Themes – Refreshing color schemes for better aesthetics. 🔍 Location Search – Search for any city worldwide. 🛠️ Tech Stack Frontend: React 18, TailwindCSS APIs: Open-Meteo, OpenAI GPT-4o Hosting: ESM-based module imports