Tools

Explore a variety of essential frontend development tools on the Tools page of fabra.dev. Discover utilities such as Box Shadow, Text Shadow, CSS Cursor, Border, Border Radius, Gradient CSS, Transform CSS, RGBA & Hex Color, Multiple Columns, and Filter, all conveniently located in one place to enhance your web projects

Border Radius Generator

Customize HTML element corners effortlessly with the Border Radius Generator. Get instant CSS code to add rounded, smooth, or angular borders to your website with ease.

Box Shadow Generator

Enhance the visual appeal of your web elements using the Box Shadow Generator. Craft unique shadows to add depth and dimension, elevating the aesthetics of your website effortlessly. With intuitive controls, tweak shadow properties like blur, spread, color, and position in real-time. Generate CSS code instantly, empowering you to implement captivating shadow effects seamlessly into your web design.

Text Shadow Generator

Elevate the visual impact of your text elements with the Text Shadow Generator. Create distinctive text shadows to enhance depth and dimension, effortlessly elevating the aesthetics of your website. With user-friendly controls, customize shadow properties such as blur, color, and position in real-time. Instantly generate CSS code, enabling seamless integration of captivating text shadow effects into your web design.

Color Gradient Generator

Elevate the visual impact of your text elements with the Text Shadow Generator. Create distinctive text shadows to enhance depth and dimension, effortlessly elevating the aesthetics of your website. With user-friendly controls, customize shadow properties such as blur, color, and position in real-time. Instantly generate CSS code, enabling seamless integration of captivating text shadow effects into your web design.