# Ytools - Developer Utility Tools

> Discover powerful free developer tools to enhance your creativity—gradients, shadows, a social post generator, and more! Elevate your designs and boost engagement effortlessly!

## Project Overview

Ytools is a comprehensive platform providing high-quality, free tools for developers and creators. It centralizes essential utilities for coding, design, and daily digital tasks into a single, intuitive interface.

## Core Features & Tools

### VS Code Extensions
- **Flutter Snippet**: A collection of the most frequently used Widgets and Classes for Flutter developers, significantly speeding up development time.
- **Omi Theme**: A meticulously crafted color theme for Visual Studio Code designed for productivity and eye comfort.

### Web Utilities
- **Image Compression**: Fast, browser-based compression for JPEG, PNG, and WebP files without significant quality loss.
- **Open Graph Generator**: A tool to generate and preview meta tags for social media (Facebook, Twitter, LinkedIn) to optimize sharing.
- **JSON Beautify & Parser**: Advanced parser that converts JSON into typed models for TypeScript, Java, C#, Swift, Kotlin, Dart, and more.
- **Hardware Testing**: Suite of tools to diagnose hardware issues online (Keyboard, Monitor, Sound, Microphone).
- **Math Solver**: Step-by-step solver for algebra, calculus, and trigonometry.
- **Flutter Gradient Builder**: Visual tool to create Linear, Sweep, and Radial gradients for Flutter apps.
- **Number Calculator (AIO)**: Includes EMI, GST, Percentage, and complex geometric calculators.

### Full Applications
- **Dev Tools**: A comprehensive dashboard of developer utilities.
- **Money Analyzer**: A finance management application for tracking expenses and savings.
- **Image Studio**: A browser-based professional image editing suite.
- **MarkIt**: An advanced Markdown editor with real-time preview.

## Architecture & Technology

- **Frontend**: React 19 with Vite for lightning-fast development and builds.
- **Styling**: Tailwind CSS for a modern, responsive design system.
- **Components**: shadcn/ui for accessible and beautiful interface elements.
- **Animation**: Framer Motion for smooth transitions and interactions.
- **Language**: TypeScript for type safety and maintainability.
- **Query Management**: TanStack Query for efficient data handling.

## Links
- **Website**: [https://ytools.in](https://ytools.in)
- **GitHub**: [om-chauhan/ytools](https://github.com/om-chauhan/ytools)
- **Creator**: Om Chauhan