UI Surgeon Tools
A collection of practical web development and blogging tools to streamline your digital workflow.
Ad Revenue Calculator
Estimate your potential ad earnings using this interactive tool. Input your platform, ad network, niche and more to get a very accurate estimate
CSS Button Generator - With Gradients And Animations
Easily create stunning CSS buttons with gradient effects and smooth animations using this visual button editor. Customize every aspect of your button design and export your HTML and CSS code easily.
Blog Income Calculator
Accurately estimate your blog's earning and income using this tool. Simply input your blog's niche, audience location, ad network, sponsorships per month and more to quickly get accurate estimates
Sponsorship Rate Calculator
Know how much you're worth and get quick accurate sponsorship pricing and rates. Whether you're a YouTuber, blogger or even a tiktok influencer, this tool allows you to input your platform, niche and details to get accurate sponsorship rates made for you!
Animated Gradients CSS Generator
Create beautiful, animated css gradients instantly and see live results. With real-time css and html code generation. Create free animated gradients now!
Website Price Calculator
Accurately and quickly estimate how much a website project should cost. From $100 to $100k: know exactly how much your desired website should cost based on the development country, pages, technicalities and more
Text Shadow CSS Generator
Quickly style and create text shadows and see your css code change in REAL-TIME! Generate exportable, clean css code for this text shadow generator.
CSS Filter Generator - Create And Animate Image Filters
Create stunning visual effects with our interactive CSS Filter Generator. Customize filters in real-time, preview changes instantly, create hover animtions, and get exportable CSS code for your web projects.
Glassmorphism CSS Generator - Glassmorphism With Animations
Design beautiful glassmorphism effects with real-time preview and hover animations. Customize every aspect of your glassmorphic UI with my interactive generator.
Neumorphism CSS Generator
Design beautiful soft UI effects effortlessly with our Neumorphism Generator. Customize shadows, highlights, and depth to create sleek, modern interfaces with a real-time preview.
Text Gradients CSS Generator
Create stunning gradient text effects with my interactive CSS generator. Customize gradient properties in real-time and get instant CSS code for your web projects.
CSS Triangle Generator - With CSS Code Generation
Easily create CSS triangles with customizable sizes, borders, shapes, skew and more. All without touching a single line of code. Try the css triangle generator now for free!
JavaScript Regex Generator - Email, Phone Number Validation
Create powerful regular expressions for email validation, phone number formatting, and more with our interactive JavaScript Regex Generator. Supports multiple countries and provides instant, ready-to-use code.
CSS Skew Generator - CSS Skew with Hover Animations
Create dynamic skew transformations with our interactive CSS Skew Generator. Design hover animations, customize skew angles, and get instant CSS code for your web projects.
Letter Spacing Calculator
Optimize your typography with our interactive letter spacing calculator. Customize letter spacing in real-time and get instant, exportable CSS code for perfect text kerning.
Line Height Calculator
Calculate and generate the best line height for your text with our interactive generator. Customize line spacing in real-time and get instant, exportable CSS code for perfect text readability.
PX to VW Converter + VW to PX Free Converter
Use our simple PX to VW and VW to PX converter to make your web design fully responsive. Enter your values below to get instant results.
PX to REM Calculator - Free Conversion With Root Font Size
Use our simple PX to REM and REM to PX calculator, taking into accound root font size to make your web design fully responsive. Enter your values below to get instant results.
PX to VH - Responsive Converter
Use my responsive PX to VH and VH to PX calculator and easily conver from px to vh and vice verca, taking into account viewport height (in px). Try now for free!