인공지능과 함께 만든 아이디어,
실행 가능한 서비스가 됩니다.

HTML을 안전하게 배포하고, 쇼케이스·리믹스·협업으로 확장하는
녹스블리 창작 생태계의 시작점입니다.

무료로 시작하기 → 창작 생태계
100개
무료 사이트
즉시
배포·공개
4가지
창작 생태계
자유롭게
리믹스 지원

내 사이트에서 시작해
쇼케이스, 리믹스, 스튜디오로 확장됩니다

단순 HTML 배포를 넘어, 창작물을 공개하고 변형하고 요청하는 순환형 플랫폼으로 확장됩니다.

1
🌐

내 사이트

내가 직접 작성하거나 AI가 생성한 HTML을 업로드하고, 공개 URL과 단축 URL을 생성합니다.

배포 단축 URL 관리
→
2
🚀

쇼케이스

완성된 창작물을 다른 사용자에게 공개하고, 조회수와 좋아요를 통해 좋은 작품이 자연스럽게 발견됩니다.

공유 탐색 반응
→
3
♻️

리믹스

공개된 창작물을 기반으로 AI 리믹스 또는 HTML 직접 수정을 통해 새로운 변형 창작물을 만듭니다.

변형 AI 리믹스 HTML 수정
→
4
🌌

스튜디오

사용자가 원하는 창작물을 요청하고, 다른 사용자가 제작·제안·거래할 수 있는 협업 공간으로 이어집니다.

요청 제안 협업
✨ 리믹스 결과물은 다시 쇼케이스에 공개되고, 또 다른 리믹스와 창작 요청으로 이어집니다.

다양한 창작물을
실행 가능한 미니 앱으로 발견하고 확장하세요

AI Mini Apps는 AI 또는 사용자가 만든 HTML 창작물을 실행 가능한 서비스 형태로 공개한 결과물입니다.
생산성 도구, 교육 콘텐츠, 실용 유틸리티와 미니게임을 설치 없이 실행하고, 마음에 드는 결과물은 리믹스해 나만의 실제 서비스로 발전시킬 수 있습니다.

🔭 3D Solar System Explorer

A full 3D Solar System Explorer! Controls Drag — Rotate the viewpoint (mouse and touch both supported) Scroll — Zoom in and out Click a planet — Focus on that planet and open its detail info panel Bottom pill buttons — Jump directly to any planet instantly Top toggles Orbits — Show or hide the orbital ellipses Labels — Planet name labels (also shown on mouse hover) Asteroid Belt — 320 particles filling the asteroid belt between Mars and Jupiter ▶ Play / ⏸ Paused — Freeze or resume time Bottom sliders Time speed — Adjust orbital speed from 0× to 5× Zoom — Zoom level from 0.3× to 4× Per-planet details ☀️ Sun — Triple-layer corona glow with animated sunspot texture 🌍 Earth — Continent silhouettes with a Moon orbiting in real time 🪐 Saturn — Three-layer ring system with perspective shift as the viewing angle changes 🔴 Jupiter — Horizontal cloud bands with the Great Red Spot All planets — Full 3D sphere shading with highlight and shadow passes Focused planet — Orbital progress arc shown as a HUD overlay Info panel — Click any planet to display its diameter, mass, distance from the Sun, day length, year length, moon count, temperature range, surface gravity, and a key fact.
#science#solar system
실행
✨ NEW

Three-Body | 3체 시물레이션

Three-Body Lab is an interactive browser simulator of the classical three-body problem. It uses the same dark sidebar-and-canvas layout as the Physics Playground.

Configurations

  • Figure-Eight: a stable periodic orbit where three equal masses share one curve (Moore 1993, Chenciner & Montgomery 2000).
  • Lagrange Triangle: an equilateral arrangement that rotates rigidly. It is unstable with equal masses and stable when one mass dominates.
  • Butterfly I: an unstable periodic orbit found by Šuvakov & Dmitrašinović in 2013.
  • Pythagorean: Burrau’s problem. Masses 3, 4 and 5 start at rest, go through chaotic close encounters, and one body is ejected.
  • Hierarchical: a star, planet and moon, showing how a close pair with a distant third stays stable.
  • Random Start: random initial conditions that usually turn chaotic.

Features

  • Ghost twin: a copy of the system nudged by a tiny amount (1e-6 by default). A log-scale graph tracks how fast the two copies diverge, which shows chaos directly.
  • Edit mode: pause the simulation, then drag bodies to move them and drag the arrow tips to set their velocities.
  • Controls: speed, trail length, gravitational softening, twin nudge size, and a mass multiplier for each body.
  • Live readouts: time, energy and its conservation error, angular momentum, closest separation, steps per frame, and twin separation.
  • Navigation: the view auto-fits by default. You can also zoom with the scroll wheel and pan by dragging empty space. Bodies that leave the screen get an edge arrow with their distance.
  • Shortcuts: Space to play or pause, R to reset.

Physics: the simulator uses Newtonian gravity with G = 1 and a leapfrog integrator. The time step shrinks automatically when bodies come close. A short note in the sidebar explains the history: Poincaré showed that no general closed-form solution exists, so the problem can only be solved numerically.

#science#physics#three-body
실행
✨ NEW

Microduck Simulator

Microduck Simulator is an interactive 3D simulator of Pollen Robotics’ Microduck, a bipedal duck robot about 25 cm tall and 800 g. It is built on specifications taken from the official microduck runtime and microduck_rl training repositories.

Real robot details used

  • Servos: 15 Dynamixel XL330s. IDs are 20–24 for the left leg, 30–34 for the neck, head and beak, and 10–14 for the right leg. The beak (ID 34) is excluded from every policy’s actions.
  • Pose and limits: the actual HOME pose and joint limits. Sliders use the real robot convention (radians, signs as in HOME).
  • Policy loop: runs at 50 Hz with a 61-D observation (angular velocity, gravity, joint positions, joint velocities, last action, commands) and a 14-D action, both shown live as a heatmap.
  • Training settings: velocity command ranges of vx ±0.4 m/s, vy ±0.3 m/s and ωz ±1.0 rad/s; an air-time reward window of 0.125–0.3 s; 2 cm foot clearance; battery voltage from 6.5 to 8.2 V; ±1° backlash; and a ±0.3 m/s push range.
  • Policy names: the top bar shows the real task ID for each mode, such as Mjlab-Velocity-Flat-MicroDuck.

Behaviours

  • Walk: drive with the on-screen joystick or W A S D / Q E, and adjust body pose and head commands. Lengthening the gait period pushes air time out of the reward window.
  • Roller skates: passive wheels under the feet and a swizzle glide with no foot lift.
  • Sit · stand (Y): switched by a posture-flag command.
  • Beak pick (G): the phase-encoded command can be seen circling in the observation panel. The duck can pick up the block and carry it while walking.
  • Ball kick (K / L): shifts weight onto the support foot, then kicks a 70 mm ball.
  • Forward roll (R): rolls over the head and lands back on its feet.
  • Falls and stand-up: a push that moves the capture point past 62 mm knocks the robot over, and it gets back up by itself.
  • Joint control: sliders for all 15 servos, plus the SIT and FOLD keyframes as presets.
  • Quack (Space): opens the beak and plays a sound.

Panels

  • Live readout: state, commanded and actual speed, trunk tilt, support, capture point and battery.
  • Policy I/O: the 61-D observation and 14-D action.
  • Foot contact: a contact timeline and the last air time for each foot.
  • Servo table: target, actual and error for all 15 servos.
  • Controls and overlays: camera presets, a support-polygon and centre-of-mass overlay, backlash and battery settings, and time scale.

Limitations: the motion comes from a kinematic generator (gait phases plus inverse kinematics), not from the trained ONNX policy or MuJoCo physics. Leg geometry is approximate, so poses can differ somewhat from the real robot, especially when the real SIT and FOLD keyframe values are applied directly.

Verified: headless Chromium ran every mode without script errors. Walking air time was 180 ms, inside the reward window. Push → fall → stand-up, block pickup and ball kick all worked, and there is no horizontal scroll at phone width.


Sources:


#engineering#education#ai#microduck
실행

Semiconductor Electron Flow

This is an interactive laboratory designed to help users explore and understand charge-carrier flow inside semiconductors from multiple perspectives.

  • Electron Flow — Visualizes the movement of electrons and holes, including thermal motion, drift, and scattering, in real time using Canvas.
  • 4 Visualization Modes — Explore semiconductor behavior through Carrier Drift, Crystal Lattice, Thermal Motion, and Electric Field views.
  • Material Models — Compare Intrinsic, N-type, and P-type semiconductors.
  • Energy Bands — Visualize the concepts of the Valence Band, Band Gap, and Conduction Band.
  • P–N Junction — Explore P-type and N-type regions, the depletion region, and the basic concept of electrical bias.
  • MOSFET Channel — Follow the process Gate Voltage → Electric Field → Channel Formation → Carrier Drift → Drain Current.
  • Concept Map — Understand the relationship Crystal Lattice → Energy Bands → Charge Carriers → Electric Field → Electrical Current.
  • Interactive Parameters — Directly adjust Electric Field, Carrier Density, Temperature, Scattering, and Hole Fraction.
  • Simulation Controls — Experiment with Inject Carriers, Pause, Reverse Field, and Reset.
  • Real-Time Telemetry — Monitor Electrons, Holes, Drift Index, Scatter Events, and Current Trend as the simulation runs.
  • Electron vs. Conventional Current — Visually observe the difference between the electron drift direction and the conventional current direction.
  • Educational Conceptual Simulator — This is not a TCAD or SPICE tool for real semiconductor process or device design. It is designed as an educational conceptual simulator for understanding the fundamental principles of semiconductor charge transport.


#engineering#semiconductor
실행
✨ NEW

Reed–Solomon error correction

Reed–Solomon Lab is an interactive browser simulator of Reed–Solomon error correction. It runs a real encoder and decoder over GF(2⁸), and every step of the repair updates live as you damage bytes.

Pipeline (top to bottom)

  • Status and budget bar: shows how much of the correction budget 2e + s ≤ n − k is used. Errors cost 2 slots and erasures cost 1. The result is labeled Clean, Corrected, Decoder failure or Miscorrected.
  • Step 1 – Encode: message bytes plus parity bytes form the codeword. The generator polynomial g(x) is shown.
  • Step 2 – Channel: click received bytes to add errors (random values) or erasures (flagged positions). You can also add random hits or bursts.
  • Step 3 – Syndromes: non-zero syndromes show that damage was detected.
  • Step 4 – Berlekamp–Massey: computes the error locator Λ(x), plus the erasure locator Γ(x) when erasures are present.
  • Step 5 – Chien search: a bar chart of |Λ| per byte position. Roots, which mark the error locations, are highlighted green.
  • Step 6 – Forney: a table of error values and the XOR fix applied at each position.
  • Step 7 – Decoded: repaired bytes are highlighted, and the sent, received and decoded text are compared side by side.

Scenarios: Sandbox, QR Code 1-M RS(26,16), Audio CD C2 RS(28,24), DVB-T RS(204,188) and Deep Space RS(255,223). Each comes with notes on how that code is used in practice. You can also edit the message and the number of parity symbols.

Verified: 4,000 random fuzz tests within the correction limit all decoded exactly. Damage beyond the limit never crashes the decoder; it is reported as a failure or a miscorrection.

#mathematics#education#Reed–Solomon
실행

📟 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.
#education#coding#arduino
실행

표절 검사 도구

📊 유사도 점수 4가지 알고리즘의 가중 합산으로 최종 점수를 산출합니다. Ring 게이지 + 색상 판정 5단계. 코사인 유사도 (45%) — TF-IDF 벡터 간의 각도. 문서 길이와 무관 자카드 지수 (20%) — 공유 어휘 / 전체 고유 어휘 비율 바이그램 중복 F1 (20%) — 2단어 구문 일치율. 패러프레이징 탐지에 효과적 트라이그램 중복 F1 (15%) — 3단어 구문 일치율. 직접 복사의 강력한 지표 🔬 5가지 시각화 탭 📝 단어 비교 — 두 문서를 나란히 표시하고 단어별로 색상 구분 🔴 빨강 = 정확 일치 / 🟡 노랑 = 어간 일치 (패러프레이징) / 🟢 초록 = 고유 단어 / 회색 = 불용어 📐 벡터 공간 — TF-IDF 벡터를 2D로 투영해 단어를 점으로 시각화. 문서 A/B의 중심 벡터를 원점에서 화살표로 표시하고 두 벡터 사이의 각도(θ) 실시간 표시 📏 코사인 각도 — 단위 원에 두 문서 벡터를 그려 각도로 유사도를 직관적으로 표현. 공통 단어별 A/B TF-IDF 가중치 바 차트 제공 🧩 N-gram 히트맵 — 1/2/3-gram 전환 버튼으로 단어·2단어·3단어 구문 단위의 일치 여부를 격자로 시각화. 빨강 = 공유 / 파랑 = A 전용 / 주황 = B 전용 📊 단어 빈도 — 양쪽 문서의 TF-IDF 상위 단어를 바 형태로 비교. 공통 단어는 빨강으로 표시 🌐 언어 지원 영어 — TF-IDF, 불용어 제거, 접미사 기반 어간 추출 (ing/tion/ness 등) 한국어 — 어절 분리 + 조사·어미 제거 (에서/으로/합니다 등 40여 개), 1글자 및 접속사 불용어 처리 언어 자동 감지 (한글 문자 수 vs 영문자 수 비교)
#utility#표절#유사성
실행

BMI Calculator

⚖️ Measurement Input Metric / Imperial toggle — instantly converts between kg·cm and lbs·ft·in Slider + number input, two-way sync — moving the slider updates the number box and vice versa Age input and biological sex selection (used as a reference for healthy ranges) 📊 BMI Gauge Semi-circular analogue gauge — the needle rotates smoothly to match the BMI value via CSS transition Five colour zones: Blue (underweight) → Green (normal) → Yellow (overweight) → Orange (obese I) → Red (obese II+) Active category is highlighted; all others are dimmed 📐 Body Metrics Panel Height (m), weight (kg), BMI, and category displayed in real time Ideal weight range bar (WHO standard BMI 18.5–24.9) with a marker showing current weight position Automatically calculates how much weight to lose or gain to reach the ideal range 💡 Health Guidance (4 tips per category) Underweight — increase caloric intake, strength training, protein at every meal, rule out underlying causes Normal — maintenance strategies, exercise routine, balanced diet, sleep Overweight — 500 kcal daily deficit, walking, reduce ultra-processed food, hydration Obese I — see a doctor, 5–10% weight loss impact, portion control, stress management Obese II+ — medical supervision, metabolic assessment, GLP-1 medications, build a support network 📋 Reference Information WHO BMI Classification (2004) explained Separate guidance for Asian populations (overweight ≥ 23, obese ≥ 27.5) Medical disclaimer noting BMI is a screening tool, not a diagnostic measure
#health#bmi
실행
AI Mini Apps를 발견하고, 나만의 실행 가능한 서비스로 확장해 보세요.

앱을 탐색하고 리믹스하거나, 직접 만든 HTML을 배포해 쇼케이스에 공개할 수 있습니다.

창작 생태계 아래에는
보안 인프라가 있습니다

녹스블리는 AI 생성 결과물을 단순히 공개하는 것이 아니라, 저장·검증·배포·접근 제어 흐름을 보안 기반으로 설계합니다.

01
Flexible Creation Input — 다양한 AI 생성 HTML과 사용자 제작 HTML을 지원
02
Security Policy — 보안 정책에 따른 위험 탐지와 품질 검사
03
Secure Runtime — 검증된 콘텐츠를 격리된 환경에서 안전하게 실행
🔐

Encrypted Storage

창작 결과물을 암호화하여 안전하게 저장·관리합니다.

🛡️

Security Audit Engine

업로드된 콘텐츠의 위험 요소를 자동으로 제거하고, 보안과 품질을 검사합니다.

👤

Access Control

공개, 비공개, 리믹스 허용 여부를 창작자 중심으로 관리합니다.

🌐

Trusted Delivery

HTTPS, CDN, 단축 URL을 통해 안정적으로 결과물을 전달합니다.