Hover State Simulator - Online Test :hover :active :focus
Type any CSS selector with :hover/:active/:focus and see the styles applied live. Perfect for debugging interaction states.
UD5 Toolkit
Type any CSS selector with :hover/:active/:focus and see the styles applied live. Perfect for debugging interaction states.
Set a short timer with a themed emoji animation (e.g., pizza cooking). A playful visual countdown.
Explore the new twoβvalue display syntax like `display: block flex`. See what each inner/outer pair does visually.
Choose a property, duration, and bezier curve. Trigger the transition and see the animation. Copy the complete CSS rule.
Apply textβwrap: balance to headings and paragraphs. See the visual difference and copy the CSS. Avoid orphans.
Create the iPhone Dynamic Island lookβalike with a pill that expands on hover. Pure CSS. Copy the playful code.
Preview the Gravatar image associated with any email address. Generate the correct Gravatar URL. Handy for avatar debugging.
Upload two portraits and create a simple morph animation between them. Download as GIF. Local canvas magic.
Design a button or card that glows on hover. Adjust shadow color, spread, and transition. Copy the CSS. Rich UI.
Paste text and see a sorted count of all emojis used. Find your mostβused emoji. Fun analytics. All local.
Apply textβemphasis marks (filled dot, open circle, etc.) with color. Ideal for East Asian typography. Copy the style.
Get a humorous, randomly generated daily horoscope for any zodiac sign. Not real astrology; purely for laughs.
Enter task names, start dates, and durations to generate a simple Gantt chart as an image. Quick project view.
Enter a mathematical function for dx and dy and see the vector field arrows. Perfect for studying differential equations.
Type any condition and see the result of the ternary operator. Understand truthy/falsy values. Quick learning tool.
Select an emoji that matches your mood and log it to a simple calendar. Selfβawareness tool. Local only.
Transliterate English letters into Elder Futhark runes. Fun for tattoos and fantasy. Oneβtoβone mapping.
Create a zoom lens effect for product images. Move the cursor to magnify. Copy the HTML/CSS/JS code.
Track daily mood with emoji selection and optional notes. See weekly/monthly mood trends in a color-coded chart. All data stored privately in localStorage.
Get a random, lighthearted daily horoscope based on your zodiac sign. For entertainment only. No personal data collected.
Apply an emboss filter to your photo. Choose direction and depth. Gives a 3D carved stone look. Pure canvas.
Issue and redeem Private State Tokens (formerly Trust Tokens). Understand how they help detect bots without cookies.
Create a glowing or rotating border animation around an element. Copy the CSS keyframes. Pure CSS magic.
Turn your message into a scenic mountain emoji art panel. Choose different landscapes. Copy and paste anywhere.
Write a private gratitude entry guided by daily reflective prompts. All entries stored only in your browser with optional export as text file. No account needed.
Write and store encrypted daily journal entries directly in your browser's localStorage. Export as TXT. No sign-up, fully private.
Plan insulin or other injection sites with a visual body map and date log. Prevent lipohypertrophy.
Select a state and year to see all public holidays. Works offline with built-in data. Plan your long weekends. Simple reference tool.
Set start date and egg type (chicken, duck, quail) to generate a hatching timeline with milestone alerts (lockdown, pip, hatch). Local only.
Build a valid SPF TXT record by selecting mail servers, IPv4/IPv6 ranges, and includes. Validate syntax and get readyβtoβpublish output.