๐ Arduino kit
An eight-project Arduino simulator! Every project includes real Arduino code, a live circuit diagram, and a Serial Monitor at the bottom.
๐ก LED Blink โ The "Hello World" of hardware. A 220ฮฉ resistor and LED circuit, digitalWrite(13, HIGH/LOW) code, and a PWM timing diagram all run simultaneously.
๐ Button & LED โ A live visualisation of INPUT_PULLUP. Click the button to light the LED, and see the inverted logic (LOW = pressed) explained in context.
๐ PWM Fade โ Controls LED brightness with analogWrite(9, 0โ255). The PWM waveform and duty cycle update in real time as the LED breathes.
๐ก๏ธ Analog Sensor โ Turn the potentiometer dial to read ADC values from 0 to 1023, then watch map() rescale them to the PWM range (0โ255). Includes a voltage divider explanation.
โ๏ธ Servo Motor โ Control the servo with an angle slider. The relationship between PWM pulse width (0.5ms โ 2.5ms) and output angle is visualised live.
๐จ RGB LED โ Mix any colour with the R, G, and B sliders. Press AUTO for an automatic rainbow cycle. A colour wheel is shown alongside.
๐ก Ultrasonic Sensor โ Shows how the HC-SR04 works with a TRIG/ECHO timing diagram. Verify the formula cm = round-trip time (ยตs) / 58 directly.
๐ฆ Traffic Light โ Demonstrates a Finite State Machine (FSM). The RED โ RED+YELLOW โ GREEN โ YELLOW cycle runs alongside a live state-transition diagram.
โ๏ธ Code Formatter +
Online formatter powered by Prettier โ HTML ยท CSS ยท JavaScript. Paste your code and click Format.
JSON Utils
JSON utilities are tools and classes used to read, write, format (beautify), and validate JSON data, or to convert between objects and text in programming languages.
์ผ์ด์ค ๋ณํ | ๋์๋ฌธ์ ๋ณํ
๊ฐ๋ฐ์์ฉ ๋ค์ด๋ฐ ์ผ์ด์ค 8์ข
camelCase ยท PascalCase ยท snake_case ยท SCREAMING_SNAKE ยท kebab-case ยท UPPER-KEBAB ยท dot.case ยท path/case
ํน์ ๋ณํ 13์ข
์ ๊ฐ/๋ฐ๊ฐ ยท ์ค๋ชฐ ์บก์ค ยท ์/์๋ ์ฒจ์ ยท ์ทจ์์ ยท ๋ฐ์ค ยท ๋ฒ๋ธ ํ
์คํธ ยท ์ฌ๊ฐ ํ
์คํธ ยท ๋ชจ์ค ๋ถํธ ยท ์ด์ง์(ASCII) ยท ROT13
์ถ๊ฐ ๋๊ตฌ
โข ํ
์คํธ ์ ๋ฆฌ: ๊ณต๋ฐฑ ์ ๊ฑฐ, ๋น ์ค ์ ๊ฑฐ, ์ค๋ณต ์ค ์ ๊ฑฐ, ์ค ์ ๋ ฌ, ์ค ๋ฒํธ ์ถ๊ฐ/์ ๊ฑฐ, ํ
์คํธ ๋ค์ง๊ธฐ, ์๊ธฐ
โข ์ฐพ์ ๋ฐ๊พธ๊ธฐ: ์ ๊ท์ ์ง์, ๋์๋ฌธ์ ๊ตฌ๋ถ, ์์ฃผ ์ฐ๋ ํจํด ํต๋ฒํผ
RGB | Color Tools
โ
ํผ์ปค: RGB ์ฌ๋ผ์ด๋ + HEX ์ง์ ์
๋ ฅ + HSL ๋ณํ ํ์
โ
ํ๋ ํธ ์์ฑ: ๋ณด์ยท์ ์ฌ์ยท3์ยท4์ยท๋ชจ๋
ธํฌ๋กฌยท๋๋ค ์๋ ์์ฑ
โ
ํ๋ ํธ ๋ทฐ์ด: ํฐ ์คํธ๋ฆฝ + ๊ฐ๋ณ ์นด๋ (ํด๋ฆญ ๋ณต์ฌ)
โ
์์ ์ ๋ณด: HEX / RGB / HSL / HSB / CMYK ๋์ ํ์
โ
์ ์ฅ: localStorage ํ๋ ํธ ๋ถ๋งํฌ
โ
๋ด๋ณด๋ด๊ธฐ: CSS ๋ณ์ / Tailwind config / JSON