Timeline Creator - Online Generate Visual History Chart
Build a vertical timeline by entering events with dates and descriptions. Export as image or HTML. Perfect for project milestones.
UD5 Toolkit
Build a vertical timeline by entering events with dates and descriptions. Export as image or HTML. Perfect for project milestones.
Based on home and destination time zones, suggests a light exposure/avoidance schedule to reduce jet lag. Educational tool, local only.
Drag colored beads onto a virtual thread to design a repeating pattern. See total length. Save locally.
Upload a main image and a folder of tile images, and the tool creates a photomosaic. Rendered in canvas. All local.
Create a frosted glass card with background blur, border glow, and shadow. Adjust intensity. Copy the CSS.
Define a set of colors for light and dark themes. Get the CSS custom properties snippet. Toggle live.
Design a custom focus indicator with outline, offset, and box‑shadow. Preview on interactive elements. Copy the CSS.
Generate a palette of N colors that are maximally distinguishable for common color vision deficiencies. Copy the hex codes.
Visually name grid areas in a table and generate grid‑template‑areas CSS. Perfect for complex layouts. Drag‑free.
Visually create the glassmorphism effect: background blur, transparency, and border. Copy the complete CSS. Modern UI design.
Build a simple decision tree by adding yes/no nodes. Flowchart style. Export as text outline.
Get the full electron configuration and orbital box diagram for any element. Learn the Aufbau principle. Fast and local.
Create simple 2‑ or 3‑set Venn diagrams by entering comma‑separated lists. Shareable via URL fragment. No account.
Style underlines, overlines, and strike-throughs with colors, wavy styles, and thickness. Modern CSS text‑decoration.
Use browser compass and geolocation to show which planets and stars are overhead. Minimal, local only.
Toggle between light and dark mode for a demo page. See how to use the media query. Copy the pattern.
Enter a regular expression and see a visual railroad diagram explaining the pattern. Learn and debug regex.
Craft a 30‑second elevator pitch by filling in problem, solution, and ask. Copy the final professional text.
Create a weighed pros and cons list with a score. Help make tough decisions. Data saved locally.
Create vertically oriented text layouts with `writing‑mode`. See the effect and copy the complete CSS. For vertical languages.
Upload a small image and see it tiled as a canvas pattern. Export the pattern or copy the JavaScript.
Type names and generate folded name tents for desks. Print, cut, fold. Great for workshops and panels.
Create a rainbow gradient text animation using pure CSS. Customize speed and colors. Copy the code for your website.
Draw walls on a grid and watch A*, Dijkstra, or BFS find the shortest path. Interactive animation. Learn graph traversal.
Turn any photo into a beautiful kaleidoscope pattern by reflecting and rotating segments. Adjust parameters.
Watch classic sorting algorithms step through a randomized bar chart. Adjust speed and array size. Great for learning algorithm efficiency.
Design a soft, extruded card with inner and outer shadows. Adjust depth and roundness. Copy the CSS.
Create or solve logic grid puzzles (like Einstein's riddle). Enter clues and mark the grid. Practice logical deduction. Local only.
See how grid-auto-flow: row vs column changes item placement. Add and remove items to understand the algorithm. Visual.
Beautify and format your CSS stylesheets instantly. Organize, minify, or prettify CSS code for better readability. Processed securely on client-side.