Solid.js Playground

SolidJS Playground

Save

Publish

index.jsx

App.jsx

import { createSignal, createMemo, For, Show } from 'solid-js'
// Timer component to showcase Solid's fine-grained reactivity
function Timer() {
  const [time, setTime] = createSignal(0)
  const [running, setRunning] = createSignal(false)
  let interval
  
  const formattedTime = createMemo(() => {
    const t = time()
    const mins = Math.floor(t / 60)
    const secs = t % 60
    return `${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`
  })
  
  const toggle = () => {
    if (running()) {
      clearInterval(interval)
      setRunning(false)
    } else {
      interval = setInterval(() => setTime(t => t + 1), 1000)
      setRunning(true)

Web View

Console

Grok Code Fast 1

Grok 4.1 Fast Reasoning

Grok 4.1 Fast Non-Reasoning

Gemini Flash (Latest)

Claude Haiku 4.5

GPT-5.1 Codex Mini

Claude Sonnet 4.5

GPT-5.1 Codex

GPT-5.1

Gemini 3 Pro (Preview)

Claude Opus 4.5

OpenAI o3