Developer Tools: 3 New Tools Added 🛠️

Three new tools landed in Developer Tools today — a visual CSS shape builder, a live regex playground, and a cron expression editor with next-run preview.

🔷 CSS Shapes Generator

• 30+ pre-built shapes across 5 categories: Triangles (6), Polygons (8), Stars (5), Arrows (5), Special (8).
• Special shapes include Heart, Crescent Moon, Pac-Man, Speech Bubble, Ring/Donut, and Squircle.
• Copy code as plain CSS, HTML+CSS, or React JSX — all three formats ready to paste.
• Custom clip-path editor: type any value and see it rendered live with the generated code.
• Browser support table for each CSS technique (border trick, clip-path polygon, clip-path path, etc.).

🔍 Regex Tester

• Live match highlighting as you type — no button needed.
• Match list shows each result's index and all capture groups ($1, $2… including named groups).
• Flags panel: toggle g, i, m, s individually.
• Replace mode with $1/$2 backreference support — see the result instantly.
• 12 one-click common patterns: Email, URL, IPv4, Phone, Date, UUID, Hex Color, Hashtag, and more.

⏱ Cron Expression Generator

• Visual field builder for all 5 cron fields: minute, hour, day, month, weekday.
• Four modes per field: Any (*), Every N (*/n), Specific values, Range.
• Plain-English description of the cron expression updates live.
• Next 7 scheduled run times shown with date, time, and weekday.
• 15 presets + "Edit manually" mode for pasting any existing expression.