Lighting Diagram Creator - Online Studio Setup Planner
Drag and drop light sources, camera, and subject to plan a photo shoot. Export diagram as image. Simple and visual.
UD5 Toolkit
Generate a personalized light exposure schedule to beat jet lag fast. Based on circadian rhythm science ā used by travelers, pilots, and athletes.
Drag and drop light sources, camera, and subject to plan a photo shoot. Export diagram as image. Simple and visual.
Use browser compass and geolocation to show which planets and stars are overhead. Minimal, local only.
Add a warm, orange light leak to your photo for a vintage film look. Adjust intensity and angle. Instant download.
See current time in multiple pre-selected cities simultaneously with day/night indicators. No tracking, just a simple multi-clock.
Draw walls on a grid and watch A*, Dijkstra, or BFS find the shortest path. Interactive animation. Learn graph traversal.
Load an SRT file and shift all timestamps forward or backward by milliseconds or seconds. Fix out-of-sync subtitles instantly. Download corrected file.
Build a vertical timeline by entering events with dates and descriptions. Export as image or HTML. Perfect for project milestones.
Compare all CSS easing presets side by side on a bouncing ball. See which curve fits your UI animation.
Start from a base color and use `oklch(from color l c h)` to create lighter or darker variants. Copy the code.
Set a target weight and see estimated daily calorie deficit needed. Computes safe timeline based on 500-1000 kcal deficit. Includes BMR & TDEE estimation. Fully local.
Create printable sight word flashcards from Dolch or Fry lists by grade level. Choose font size and card layout. Local only.
Visualize how caffeine decays in your body over time. Enter intake amount and see remaining caffeine at bedtime to optimize sleep. Uses standard 5-hour half-life.
Define a set of colors for light and dark themes. Get the CSS custom properties snippet. Toggle live.
Create a DMARC policy record with percentage, reporting addresses, and alignment mode. Validate and copy the final DNS TXT.
Toggle between light and dark mode for a demo page. See how to use the media query. Copy the pattern.
Stack multiple background images and blend them with colors. Create unique textures. Copy the CSS code instantly.
Manually manage flashcards with 5 virtual Leitner boxes. See when to review each box next. All data local storage.
Enter a number and see an animated factor tree breaking it down to primes. Perfect for teaching factorization.
Animate elements as they enter and exit the viewport using view() timeline. Parallax and reveal effects without JS.
Click through the TCP connection states (LISTEN, SYN_SENT, ESTABLISHEDā¦) and see the animated transitions. Networking education.
Simulate reduced motion preference and test your animations. Copy the media query snippet. Keep your users safe.
Add, remove, push, pop items and watch the data structure change visually. Supports arrays, stacks, and queues. For CS students.
Patch the PerformanceObserver and show your pageās Core Web Vitals as you browse. See realātime scores and suggestions.
Simulate forcedācolors mode and see how your site looks. Adjust CSS system colors. Make your design accessible.
Create an animation that advances with scroll using animationātimeline: scroll(). See the visual timeline editor. Modern CSS.
Visually name grid areas in a table and generate gridātemplateāareas CSS. Perfect for complex layouts. Dragāfree.
Get the full electron configuration and orbital box diagram for any element. Learn the Aufbau principle. Fast and local.
Choose the right extinguisher for kitchen, electrical, or garage fires. Interactive class chart. Home safety education.
Create vertically oriented text layouts with `writingāmode`. See the effect and copy the complete CSS. For vertical languages.
See how a full paragraph looks with your chosen text and background colors. Not just a ratio; the real appearance.