capper

a sleek text transformation tool with multiple case conversion options and real-time preview

capper is an intuitive text utility that helps users transform text into various case formats. with its modern interface and real-time preview, users can instantly see how their text will look in different cases - from sentence case to alternating case.

capper

key features

  • multiple text case transformations
  • real-time preview
  • copy to clipboard functionality
  • dark mode support
  • smooth animations

tech stack

frontend

next.js
typescript
tailwind css
shadcn/ui
framer motion
next-themes

devops

vercel
custom domain

screenshots

capper screenshot 1

challenges

  • creating smooth, performant animations
  • implementing accurate text case transformations
  • designing an intuitive user interface

solutions

  • leveraged framer motion for fluid animations
  • built robust string manipulation functions
  • used shadcn/ui for consistent design patterns