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

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

무료로 시작하기 → 창작 생태계
100개
무료 사이트
즉시
배포 속도
4가지
창작 생태계
무제한
리믹스 지원

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

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

1
🌐

내 사이트

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

배포 단축 URL 관리
2
🚀

쇼케이스

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

공유 탐색 반응
3
♻️

리믹스

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

변형 AI 리믹스 HTML 수정
4
🌌

스튜디오

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

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

AI가 만든 결과물을
실행 가능한 미니 앱으로 발견하고 확장하세요

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
미리보기
🤖

Physics | Double Pendulum

🌌 Gravity Well — Hold the mouse button to spawn a second gravity source and watch particles shift their orbits. A real-time visualisation of Newton's Law of Universal Gravitation. 🔵 Double Pendulum — Two pendulums starting from nearly identical conditions trace completely different paths over time. An intuitive demonstration of the Butterfly Effect at the heart of chaos theory. 〰️ Wave Interference — Renders constructive and destructive interference patterns from two wave sources in real time. Drag either source to reposition it. 🪨 Sand Pile — Click and drag to pour sand and watch the Angle of Repose form naturally as grains settle into a self-organised slope. ✨ Lissajous Curve — Adjust the X/Y frequency ratio and phase to draw circles, figure-eights, pretzels, and more. The same principle behind oscilloscope waveform analysis. 🧲 Magnetic Field — Drag the N/S poles to new positions and watch the field lines instantly reform around them.

#science#physics
미리보기
🤖

🤖 Robotics

🦾 Tab 1 — Robot Arm Visualises forward and inverse kinematics for a 3-DOF robotic arm. IK is solved in real time using the CCD (Cyclic Coordinate Descent) algorithm. Drag the white circle target and the arm follows; link lengths and IK iteration count are adjustable via sliders. Includes Auto Demo mode (circular trajectory) and Draw Path mode (trace a custom path with the mouse). 🧭 Tab 2 — Path Planning Animates three pathfinding algorithms — A*, RRT, and Dijkstra — on an interactive grid. Click the canvas to toggle obstacles, and hit Random Maze to generate a randomised layout. Explored cells are highlighted in blue and the final path in green, both updating in real time. 👁 Tab 3 — Computer Vision Processes four moving objects through five vision pipeline modes: RGB (raw), Grayscale (luminance conversion), Edge (Sobel edge detection), Depth (false-colour depth estimation map), and Detect (bounding boxes with confidence scores). Drag any object to see the detection respond live. 🧠 Tab 4 — Neural Control Three control system demos in one tab. PID Balance: an inverted pendulum with tunable Kp, Ki, and Kd gains. RL CartPole: a reinforcement learning agent balancing a pole, with the policy network visualised in real time. Biped Walker: a two-legged gait driven by a Central Pattern Generator (CPG). Click the canvas to move the PID setpoint. 🌐 Tab 5 — Swarm Boids-based swarm robotics simulation. Three steering forces — Separation, Alignment, and Cohesion — are independently tunable via sliders. Four behaviour modes: Flock (free flocking), Forage (click to place food targets), Formation (robots self-organise into a ring), and Explore (random exploration). Obstacle avoidance is built in throughout.

#engineering#robotics
미리보기
🤖

📟 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
미리보기
✨ NEW 🤖

Live Earthquake | 실시간 지진 지도

This is a live earthquake visualization dashboard connected to the USGS earthquake API (no key required, CORS-enabled). Filters: Combine time range (Past Hour / Day / 7 Days / 30 Days) with minimum magnitude (All M1.0+ / M2.5+ / M4.5+ / Significant), mapped directly to USGS's actual feed URLs ({threshold}_{period}.geojson). World Map: Each earthquake is shown as a dot sized and colored by magnitude (green → yellow → orange → red → purple). Clicking a dot auto-scrolls to it in the list below. Magnitude Distribution: A bar chart showing how many quakes fell into each magnitude range (<2 / 2–3 / 3–4 / 4–5 / 5–6 / 6+). Depth vs. Magnitude: A scatter plot showing the relationship between magnitude and depth (deeper quakes plot lower, stronger quakes plot further right). Recent Earthquakes list: Sorted by magnitude, showing location, depth, and time elapsed, with click-to-highlight on the map. Summary cards: Total quake count, largest magnitude, average magnitude, and average depth.

#local#earthquake map
미리보기
✨ NEW 🤖

World Weather | 세계의 날씨

World Map: Shows each city on a world map drawn with d3-geo, colored by current temperature (blue = cold → red = hot). Clicking a city displays it in the detail panel. City Chips: Lists all cities as chips along with their current temperature, so you can quickly select one. Current Weather detail: Shows the selected city's current temperature, feels-like temperature, humidity, and wind speed with icons, along with a 24-hour temperature graph for today and a 7-day high/low temperature bar chart. Compare Cities: Compares the current temperature of all cities in a sorted bar chart. Language selector: In the top right, you can switch between English / Français / 한국어 / 日本語 / 中文 — this switches all UI text, weather condition descriptions, and even city names.

#lifestyle#weather
미리보기

표절 검사 도구

📊 유사도 점수 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
AI Artifact생성 결과물 수집 및 구조화
02
Security Policy신뢰 가능한 리소스 검증
03
Secure Runtime안전한 배포와 실행 환경
🔐

Encrypted Storage

창작 결과물을 보호 가능한 저장 구조로 관리합니다.

🛡️

Security Policy Engine

허용된 CDN, iframe, 외부 리소스 정책을 기반으로 위험을 줄입니다.

👤

Access Control

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

🌐

Trusted Delivery

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