Explore
Websites, dashboards, and tools built collaboratively with AI
Community Pages
FreeVibeing
build a car purchasing finance calculator using current APR rates
/mainSun Spectrum Chart
you did not fix it look closer. line the cursor lines up between the upper and lower spectrums
/sun-spectrum-chartData Center Power Calculator
[Step 3/5] Wire up calculation logic to the Calculate button
/data-center-power-calculatorVideo Game
when pacman catches the green ball and wins make a popup that opens and says "CROWDSITE!" then have an X to close the message and return to a fresh start
/video-gameData Center Site Selection Scorecard
Build an interactive Data Center Site Selection Scorecard. The user can compare up to 3 candidate locations side by side. For each location they input a name (e.g. Austin TX, Phoenix AZ). Then they score each location on these weighted criteria using sliders (1-10): Power Availability (weight 20%), Fiber/Network Connectivity (15%), Water Access for Cooling (10%), Land & Construction Cost (15%), Tax Incentives & Permitting (10%), Natural Disaster Risk (inverted - lower risk = higher score, 15%), Workforce Availability (10%), and Climate/PUE Efficiency (5%). Show a live total weighted score for each location as sliders move, a visual bar chart comparing the three sites, and a winner callout at the bottom. Clean dark UI with a professional data center industry aesthetic. Make it genuinely useful.
/data-center-site-selection-scorecardEnergy Upgrade ROI Verifier
Build a professional Commercial Building Energy Upgrade ROI Verifier. This tool helps facility managers and property owners independently verify contractor savings claims before committing to expensive upgrades. Inputs section: - Building type (Office, Retail, Warehouse, Industrial, Healthcare - dropdown) - Building size (sq ft) - Location climate zone (1-8 dropdown with zone descriptions) - Current annual energy cost ($) - Current monthly demand charge ($/kW, optional) - Proposed upgrade type (HVAC System, LED Lighting, Building Controls/BMS, Combined - dropdown) - Contractor's claimed annual savings ($) - Contractor's quoted project cost ($) - Your utility's electricity rate ($/kWh) - Discount rate for NPV calc (%, default 6%) - Energy price escalation rate (%, default 3%) Calculations (use ASHRAE Guideline 14 methodology): - Independent savings estimate based on building type, size, climate zone, and upgrade type using published ASHRAE typical savings percentages - Apply heating/cooling degree day adjustment factors by climate zone - Calculate simple payback, adjusted payback, NPV over 10 years, IRR - Plausibility check: compare contractor's claimed savings vs independent estimate. Show a clear PASS / CAUTION / RED FLAG verdict with explanation - Flag if claimed savings exceed 40% of current energy spend (statistically improbable) - Show available federal incentives: 179D deduction (up to $5/sqft for commercial), IRA energy credits Outputs: - Large verdict banner: CLAIM LOOKS REASONABLE / VERIFY FURTHER / NUMBERS DON'T ADD UP - Side-by-side comparison: Contractor's Numbers vs Independent Estimate - Financial metrics table: simple payback, NPV, IRR, 10-year net benefit - Estimated federal tax incentive value - A clear disclaimer that this is a screening tool, not an energy audit Design: Clean, authoritative, dark navy and white UI. Professional financial tool aesthetic. Think Bloomberg terminal meets facility management software. Make it feel like something worth paying for.
/energy-upgrade-roi-verifierAI Rack Density Cooling and Power Planner
Build an AI Rack Density Cooling & Power Planner — a professional tool for data center operators, colocation providers, and facility engineers evaluating whether their infrastructure can support high-density AI/GPU workloads. INPUTS — Facility Profile: - Total white space floor area (sq ft) - Number of existing racks - Existing power capacity (kW total, or kVA with PF input) - Current average rack density (kW/rack) - Cooling system type (dropdown: CRAC/CRAH Air, In-Row Cooling, Rear-Door Heat Exchanger, Direct Liquid Cooling, Immersion Cooling) - Current PUE (Power Usage Effectiveness, default 1.5) - Raised floor height if applicable (inches, optional) - Floor load rating (lbs/sq ft) INPUTS — AI Deployment Request: - Number of high-density AI racks requested - Target rack power density (kW/rack — presets: H100 cluster ~70kW, A100 cluster ~50kW, Custom) - GPU servers per rack (default 8) - Required redundancy level (N, N+1, 2N dropdown) CALCULATIONS: 1. Total new IT load (kW) = AI racks × density 2. Total facility load with new deployment = existing + new, accounting for PUE 3. Available headroom check: does existing power capacity support it? Show kW surplus or deficit 4. Cooling capacity check: calculate required cooling tons (1 kW IT = 0.2843 tons), compare to estimated existing cooling capacity based on system type and floor area 5. Floor loading check: estimate weight of high-density liquid-cooled racks (~2,500–3,500 lbs fully loaded), flag if floor rating is at risk 6. Liquid cooling requirement: if rack density >20kW, flag that air cooling is insufficient; recommend cooling upgrade path 7. Power distribution upgrade cost estimate: if deficit exists, estimate cost to add capacity ($800–$1,200/kW for PDU/UPS/switchgear) 8. PUE impact: show projected new PUE with liquid cooling vs air cooling OUTPUTS: - GO / PARTIAL / NO-GO readiness verdict with color coding (green/amber/red) - Three constraint gauges: Power Headroom, Cooling Capacity, Floor Loading — each showing current vs required - Cooling recommendation: which cooling technology is appropriate for the requested density (air, in-row, rear-door, DLC, immersion) with cost per kW ranges - Upgrade cost estimate to reach full capacity - Projected PUE before and after - A callout showing annual power cost at current electricity rate ($/kWh input) for the AI deployment Design: Dark industrial UI — think mission control. Deep charcoal background, electric blue and amber accent colors for the gauges. Dense but readable. This should feel like DCIM software that costs $50K/year, available free. Add a subtle footer: 'Powered by Voltek Systems — voltekinc.com'
/ai-rack-density-cooling-and-power-planneICU Drug Drip Calculator
Build a professional ICU Drug Drip Calculator for bedside use by ICU nurses, physicians, and flight medics. This solves a real clinical problem: converting reference drug dosing (mcg/kg/min) to actual IV pump rates (mL/hr) with safety alerts. This tool should feel authoritative, fast, and trustworthy. PATIENT PANEL (always visible at top): - Patient weight (kg and lb, auto-convert between them) - A clear disclaimer: 'Verify all calculations independently. Not a substitute for clinical judgment or institutional protocols.' DRUG CALCULATOR CARDS: Show up to 6 simultaneous drug infusion cards. Each card has: - Drug name dropdown organized by category: VASOPRESSORS: Norepinephrine, Epinephrine, Phenylephrine, Vasopressin, Dopamine, Dobutamine SEDATIVES: Propofol, Midazolam, Dexmedetomidine (Precedex), Lorazepam, Ketamine ANALGESICS: Fentanyl, Morphine, Hydromorphone, Remifentanil PARALYTICS: Cisatracurium, Rocuronium, Vecuronium OTHER: Insulin, Heparin, Nicardipine, Labetalol, Amiodarone - Bag concentration inputs: mg (or mcg or units) in mL (pre-populate standard concentrations when drug is selected, but allow override) Examples: Norepinephrine default = 8mg/250mL, Propofol = 10mg/mL (1%), Fentanyl = 50mcg/mL - Dose input field with unit selector (mcg/kg/min, mcg/kg/hr, mcg/min, mg/hr, units/hr, mL/hr) - LARGE OUTPUT: Pump Rate in mL/hr, prominently displayed - Reverse calculator: input mL/hr → show what dose the patient is receiving - Dose range indicator: color-coded bar showing if current dose is SUBTHERAPEUTIC / THERAPEUTIC / HIGH / ABOVE MAXIMUM for the selected indication. Use published pharmacology reference ranges. - Titration helper: 'If I increase by X mcg/kg/min, new rate = Y mL/hr' FEATURES: - 'Add Drug' button to add more cards (up to 6) - Each card has a color-coded header by drug category - 'Print Bedside Reference' button: generates a clean printable summary of all active drips - All calculations update in real time as inputs change - No data is sent anywhere — all math runs locally in the browser DESIGN: - Dark clinical UI — deep navy/charcoal background, clean white text, color-coded drug categories - Large readable numbers for pump rates (nurses check this at a glance) - Mobile-friendly — nurses use phones at bedside - Fast and reliable — no loading spinners, instant math - Professional medical software aesthetic - Small footer: 'Always verify with your institution's pharmacy and protocol. For educational and reference use only.'
/icu-drug-drip-calculatorBattle Royale Raffle
The CSS-only approach keeps failing. Switch to a JavaScript solution. After the player cards are rendered, call a function that: (1) measures the pixel width and height of the player grid container, (2) calculates the optimal square card size using: cardSize = Math.floor(Math.sqrt((containerWidth * containerHeight) / numPlayers)) with a min of 80px and max of 200px, (3) sets the grid-template-columns to repeat(auto-fill, {cardSize}px) and grid-auto-rows to {cardSize}px on the container. Call this function on render, on window resize, and whenever the player count changes. This will guarantee the cards fill the available space as a proper grid no matter how many players there are.
/battle-royale-raffleLivestock Stocking Rate Calculator
Build a professional Livestock Stocking Rate & Grazing Calculator for ranchers and graziers. Pure HTML/CSS/JS, no external APIs. Here is the full spec: CONCEPTS TO IMPLEMENT: - Animal Unit (AU): 1 AU = 1,000 lb cow with calf, the standard unit of measurement - Animal Unit Month (AUM): forage consumed by 1 AU in 1 month = 800 lbs air-dry forage - Animal Unit Equivalent (AUE): different animals count as different fractions of an AU - Stocking Rate: AUs per acre - Carrying Capacity: total animals the pasture can support sustainably INPUTS: 1. Pasture size (acres) 2. Forage type — dropdown with preset production values (lbs/acre/year): - Native range, arid (700 lbs/acre) - Native range, semi-arid (1,500 lbs/acre) - Native range, humid (3,000 lbs/acre) - Improved pasture - Bermudagrass (6,000 lbs/acre) - Improved pasture - Fescue (5,500 lbs/acre) - Improved pasture - Ryegrass (6,500 lbs/acre) - Hay meadow (4,500 lbs/acre) - Custom (manual entry field appears) 3. Forage utilization rate (%) — slider from 10% to 60%, default 40%, with tooltip: "Sustainable grazing typically uses 25-50% of available forage" 4. Grazing season length (months) — 1-12 5. Animal type — dropdown with AUE multipliers: - Cow with calf, 1,000 lb (AUE: 1.0) - Cow with calf, 1,200 lb (AUE: 1.2) - Bull (AUE: 1.35) - Yearling cattle (AUE: 0.65) - Horse (AUE: 1.25) - Sheep (AUE: 0.20) - Goat (AUE: 0.17) - Deer/wildlife (AUE: 0.20) - Custom (manual AUE entry) CALCULATIONS (update live as user changes inputs): - Total forage available (lbs) = acres × forage production × utilization % - Total AUMs available = total forage / 800 - Carrying capacity (AUs) = AUMs available / grazing season months - Number of animals = carrying capacity / AUE - Stocking rate = carrying capacity AUs / acres OUTPUTS PANEL: Show all results clearly: - Total forage available: X,XXX lbs - Total AUMs available: XX.X AUMs - Carrying capacity: X.X Animal Units - Animals supported: XX [animal type] - Stocking rate: X.XX AUs/acre - AUMs per acre: X.X STOCKING GAUGE: A visual horizontal gauge bar (like a fuel gauge) from "Severely Understocked" to "Optimal" to "Overstocked" that shows where the current stocking rate sits relative to the forage production. Color: green in optimal zone, yellow at edges, red at extremes. ROTATIONAL GRAZING HELPER (below main results): - Number of paddocks input (2-20) - Days of grazing per paddock input (1-30) - Output: Total rotation cycle (days), Rest days per paddock, Recommended paddock size (acres each) DISCLAIMER: Small text at bottom — "Results are estimates. Actual forage production varies by year, soil, rainfall, and management. Consult your local extension service or range conservationist." DESIGN: - Earthy, professional color scheme: deep forest green header, warm tan/cream background for input sections, dark brown accents - Clean readable font - Two-column layout on desktop: inputs left, results right - Fully responsive for mobile - Print-friendly - No emojis except possibly subtle icons
/livestock-stocking-rate-calculatorCannabis Rescheduling Explained
Improve the Best Answer matcher quality: 1) STOP WORDS: Remove these words from query tokens before scoring (case-insensitive): a, an, the, is, are, was, were, do, does, did, can, could, would, will, may, might, should, i, you, we, they, my, your, our, their, what, when, where, why, how, this, that, to, of, in, on, for, with, about, from, by, as, at, it, its, has, have, had, get, got, now, then, but, or, and, so, if, not, no, yes, just, like, please, thanks. 2) WEIGHTS: When scoring a Q&A entry, count question matches as 3x weight and answer matches as 1x weight. Use word-boundary regex so "federal" doesn't match "federally" partially — actually DO match stems: "federal" matches both "federal" and "federally", "license" matches "license", "licensed", "licensing". Use simple stemming: if a token is 5+ characters, also match anything that starts with the first 5 characters. 3) THRESHOLD: If the highest score is less than 2 (after weighting), don't pick a winner — show the fallback card with: "I don't have a specific answer to that. Try one of the topics below, or check the Federal Register document linked above." Below the fallback message, add 4 chip-style suggestion buttons: "Is recreational marijuana legal?", "What about state dispensaries?", "Hemp and CBD status", "Banking impact". Clicking a suggestion fills the search box and re-runs the search. 4) ADDITIONAL Q&A ENTRIES — add these 4 more entries to the accordion list and matcher pool (after entry 8): Q9: Can I now legally grow marijuana at home? A: No. The rule does not legalize personal cultivation. Federal law still prohibits home cultivation outside of state-licensed medical programs that explicitly authorize patient cultivation. Check your state's specific medical-marijuana rules. Q10: What about psilocybin or other psychedelics? A: This rule covers marijuana only. Psilocybin remains in Schedule I under federal law. State-level psilocybin programs (Oregon, Colorado) remain in the same federal gray zone. Q11: Can I get a federal license to grow or sell marijuana? A: Federal manufacturing and distribution licenses are available only through DEA registration tied to state medical marijuana licenses (using the new expedited 21 CFR Part 1301 process). There is still no federal license for adult-use or unrestricted cultivation — it must be through a state medical program. Q12: Will my employer's drug testing change? A: Probably not immediately. Most workplace drug testing policies are governed by employer choice or specific federal agency rules (like DOT). Schedule III status alone does not change those policies. Watch for new federal guidance on safety-sensitive jobs. Also add chips for the 4 new questions next to the existing 8.
/cannabis-rescheduling-explainedPhone Level
Add iOS Safari sensor permission support so this works on iPhone/iPad. Requirements: 1. On page load, detect iOS by checking if DeviceOrientationEvent.requestPermission is a function. 2. If iOS detected, do NOT auto-start the level. Show a centered "Enable Sensors" button with short text: "iPhone and iPad need permission to use motion sensors. Tap to enable." 3. When user taps "Enable Sensors", call DeviceOrientationEvent.requestPermission(). On granted, hide the button + message and start the level (attach the deviceorientation listener and reveal the bubble UI). On denied or error, show: "Permission denied. Allow motion in Safari settings to use the level." 4. On non-iOS devices, behavior must be unchanged. Auto-start as before. 5. Keep all existing styling, bubble logic, and visual design. Just gate the sensor start behind the permission flow when needed. 6. Style the Enable Sensors button to match the existing app theme: large, tappable, prominent. 7. Add a small footnote at the bottom in light gray: "iOS requires HTTPS and a tap to enable motion sensors." Do not break Android or desktop behavior. Test logic: if requestPermission is undefined, treat as non-iOS and start normally.
/phone-levelPM Compliance Tracker
Build a polished SaaS dashboard prototype called "GridGuard — NFPA 70B PM Compliance Tracker" for industrial facility managers. Single-page app, no external APIs, all data is realistic seed data hard-coded in JS so the demo feels alive. BRAND: Modern industrial SaaS, navy + safety-orange accent (#FF7A1A) on a clean light-gray background (#F5F6F8). Headers in Inter, body text Inter, monospace for asset IDs. Subtle borders, soft shadows, NO emojis, NO playful icons — this is for plant managers and chief engineers. LAYOUT: Left sidebar 220px wide with logo "GridGuard" and nav: Dashboard, Assets, PM Schedule, Test Reports, Audit Pack, Sites, Settings. Active = Dashboard. Below nav, small site selector dropdown showing "Austin Plant 2 — 320k sqft". MAIN VIEW = DASHBOARD (default tab): 1) TOP STAT ROW — 4 cards in a row, each with big number, label, tiny trend: - Compliance Score: 87%, label "NFPA 70B", green - Overdue PMs: 7, label "requires action", orange - Assets Tracked: 142, label "switchgear, gensets, transformers" - Days to Audit: 23, label "insurer review" 2) LEFT COLUMN (2/3 width): - Card titled "Critical Equipment Status" with a table of 8 rows. Columns: Asset ID (mono, e.g. SWG-A-001), Type, Last PM, Next PM, Status pill. Mix of types: 480V Switchgear, 1500kVA Transformer, 2MW Diesel Genset, 800A Breaker, Protection Relay, ATS, UPS, MCC. Status pills: Compliant (green), Due Soon (amber), Overdue (red). - Below it, card "Recent Test Reports" with 4 rows. Each row: PDF icon, file name (e.g. "NETA_SWG-A-001_2026-04-12.pdf"), uploaded by tech name, date, an AI-extracted summary line like "Insulation resistance: PASS, 1.2GΩ. Thermography: PASS. No anomalies." Right side: "View" link. 3) RIGHT COLUMN (1/3 width): - Card "Upcoming PMs" — vertical list of 6 items, each with date, asset ID, task, assignee initials avatar. - Card "Audit Pack Status" — shows "Q2 2026 Audit Pack" with progress bar at 78% complete, list of 4 sub-items each with checkmarks (Asset register, Test reports indexed, PM logs current, Anomaly resolution log) — last item unchecked. - Card "AI Insights" with 3 bullet alerts in subtle orange highlight: "Switchgear SWG-B-003 thermography trending hot — schedule IR scan within 30 days", "Genset GEN-02 last load bank test 14 months ago, NFPA 110 requires annual", "Transformer XFR-C-002 oil sample due — last Doble test 24 months ago". 4) TOP BAR above main content: breadcrumb "Austin Plant 2 / Dashboard", search input "Search assets, reports, PMs…", a primary button "Upload Test Report", secondary "Generate Audit Pack". Right side: notification bell with red dot, user avatar "LS". INTERACTION: Clicking "Upload Test Report" opens a clean modal with a drag-and-drop zone, a fake file list "NETA_Switchgear_April.pdf — Parsing… → Done", and an extracted-fields preview (Asset ID, Test Date, Result: PASS, Anomalies: None). Cancel/Save buttons. Clicking "Generate Audit Pack" shows a fake-loading state then a success toast "Audit pack ready — 142 assets, 86 reports, 23 PM logs". TONE: Make it look like a real shipping product (Procore + EnergyCAP quality). Realistic asset names, realistic dates within last 60 days. Single-file build. Use semantic HTML and modern CSS Grid/Flexbox. Cards have rounded corners, 1px border, soft shadow on hover.
/pm-compliance-trackerFair Split
Build Fair Split, a beautiful mobile-first single-page web app for splitting a restaurant check fairly when people ordered different things. LAYOUT (single page, no routing): 1. Header with app name Fair Split and tagline No more awkward math at the table 2. Step 1 People: Add diners by name. Each diner is a colored chip. Include a quick add button that adds Person 1, Person 2 etc. Default to 4 people. 3. Step 2 Items: Add line items from the receipt. Each item has: name, price, and tap-to-assign chips for which diners shared it. If multiple diners share an item, split that item evenly between them. 4. Step 3 Tax and Tip: Input total tax dollars from receipt, and tip percentage (preset buttons 15, 18, 20, 22, 25, plus custom). Distribute tax and tip PROPORTIONALLY to each diner's subtotal. 5. Step 4 Results: For each diner show: their item list, subtotal, share of tax, share of tip, and grand total in a big bold number. Include a one-tap Copy All Totals button that copies a clean text summary to clipboard suitable for pasting into a group chat. DESIGN: - Mobile-first, looks great on phone. Large touch targets. - Warm modern restaurant vibe: cream background, deep terracotta accent, charcoal text. Inter or system sans-serif. Subtle card shadows. - Each diner gets a unique pastel color used consistently in chips and results. - Smooth transitions when items are assigned. Numbers animate when totals update. - Empty states with helpful hints. LOGIC: - All math live and reactive. Show running total at top at all times. - Tax and tip distributed proportionally: each person's share equals (their subtotal divided by sum of all subtotals) times the tax or tip amount. - Round each person's final total to two decimal places. Show a tiny rounding note if pennies do not perfectly sum. - Items with no one assigned go into an Unassigned bucket and are split evenly among everyone as fallback, with a warning chip. - Persist state to localStorage so the user does not lose data on refresh. Add a Reset button. NICE TOUCHES: - Birthday mode toggle: pick a diner as the birthday person, their items get split evenly among everyone else. - Per-diner share-summary in plain English: Alex owes 23.40 dollars for the burger, fries, two beers, plus 3.10 tax and 5.40 tip. - Footer credit: Built with Crowdsite Use vanilla HTML, CSS, JS. No frameworks. Keep it self-contained in one file. Make it feel premium and delightful — this should be the app people screenshot and share.
/fair-splitAI Agents
View all →Type what you want to create. AI builds it. Anyone can join.