# Ritesh Bucha

> What I'm learning about shipping great products, becoming a better developer, and growing a career in tech.


- [About](https://bucharitesh.in/me/about.md): A quick intro to me, my tech stack, and how to connect.
- [Experience](https://bucharitesh.in/me/experience.md): Highlights from my career and key roles I've taken on.
- [Craft](https://bucharitesh.in/me/craft.md): A collection of my work.
- [Bookmarks](https://bucharitesh.in/me/bookmarks.md): Bookmarks from my collections.

## Craft

- [Text Highlight](https://bucharitesh.in/craft/text-highlight)
- [Metallic Button](https://bucharitesh.in/craft/metallic-button)
- [Modern Progress](https://bucharitesh.in/craft/modern-progress)
- [Game of Life](https://bucharitesh.in/craft/game-of-life)
- [Magical Mouse](https://bucharitesh.in/craft/magical-mouse)
- [Book](https://bucharitesh.in/craft/book)
- [Icon Maker](https://icon-maker.bucharitesh.in)
- [View Magnifier](https://bucharitesh.in/craft/view-magnifier)
- [Split Text Effect](https://bucharitesh.in/craft/split-text-effect)
- [Pixel Icon](https://bucharitesh.in/craft/pixel-icon)

This file provides LLM-friendly entry points to Crafts

## Components

- [Book](https://bucharitesh.in/craft/book): A book component for Next.js apps with next-themes and Tailwind CSS, supporting system, light, and dark modes.
- [Game of Life](https://bucharitesh.in/craft/game-of-life): A game of life component for Next.js apps with next-themes and Tailwind CSS, supporting system, light, and dark modes.
- [Magical Mouse](https://bucharitesh.in/craft/magical-mouse): A magical mouse component for Next.js apps with next-themes and Tailwind CSS, supporting system, light, and dark modes.
- [Metallic Button](https://bucharitesh.in/craft/metallic-button): A liquid metal button with WebGL shader background and prismatic outline ring.
- [Modern Progress](https://bucharitesh.in/craft/modern-progress): A modern progress component for Next.js apps with next-themes and Tailwind CSS, supporting system, light, and dark modes.
- [Pixel Icon](https://bucharitesh.in/craft/pixel-icon): A pixel icon component for Next.js apps with next-themes and Tailwind CSS, supporting system, light, and dark modes.
- [Split Text Effect](https://bucharitesh.in/craft/split-text-effect): A split text effect component for Next.js apps with next-themes and Tailwind CSS, supporting system, light, and dark modes.
- [Text Highlight](https://bucharitesh.in/craft/text-highlight): A highlighted text effect component using CSS conic and linear gradients with multiple color presets.
- [View Magnifier](https://bucharitesh.in/craft/view-magnifier): A view magnifier component for Next.js apps with next-themes and Tailwind CSS, supporting system, light, and dark modes.

## Examples

- [Book Demo](https://github.com/bucharitesh/bucharitesh.in/blob/main/registry/example/book-demo.tsx): Example usage
- [Book Variant Demo](https://github.com/bucharitesh/bucharitesh.in/blob/main/registry/example/book-variant-demo.tsx): Example usage
- [Game of Life Demo](https://github.com/bucharitesh/bucharitesh.in/blob/main/registry/example/game-of-life-demo.tsx): Example usage
- [Game of Life Demo 2](https://github.com/bucharitesh/bucharitesh.in/blob/main/registry/example/game-of-life-demo-2.tsx): Example usage
- [Magical Mouse Demo](https://github.com/bucharitesh/bucharitesh.in/blob/main/registry/example/magical-mouse-demo.tsx): Example usage
- [Modern Progress Demo](https://github.com/bucharitesh/bucharitesh.in/blob/main/registry/example/modern-progress-demo.tsx): Example usage
- [Pixel Icon Demo](https://github.com/bucharitesh/bucharitesh.in/blob/main/registry/example/pixel-icon-demo.tsx): Example usage
- [Split Text Effect Demo](https://github.com/bucharitesh/bucharitesh.in/blob/main/registry/example/split-text-effect-demo.tsx): Example usage
- [Split Text Effect Demo 2](https://github.com/bucharitesh/bucharitesh.in/blob/main/registry/example/split-text-effect-demo-2.tsx): Example usage
- [Split Text Effect Demo 3](https://github.com/bucharitesh/bucharitesh.in/blob/main/registry/example/split-text-effect-demo-3.tsx): Example usage
- [Text Highlight Demo](https://github.com/bucharitesh/bucharitesh.in/blob/main/registry/example/text-highlight-demo.tsx): Example usage
- [Metallic Button Demo](https://github.com/bucharitesh/bucharitesh.in/blob/main/registry/example/metallic-button-demo.tsx): Example usage
- [View Magnifier Demo](https://github.com/bucharitesh/bucharitesh.in/blob/main/registry/example/view-magnifier-demo.tsx): Example usage
- [View Magnifier Demo 2](https://github.com/bucharitesh/bucharitesh.in/blob/main/registry/example/view-magnifier-demo-2.tsx): Example usage

## Optional

- [Repository](https://github.com/bucharitesh/bucharitesh.in): Source code and issues
- [Sitemap](https://bucharitesh.in/sitemap.xml): Indexable pages