# Windframe - AI-Powered Tailwind CSS Visual Builder

> Windframe is an AI-powered visual builder for Tailwind CSS. It generates production-ready UI components from text prompts, converts screenshots to code, includes 1,000+ professional templates, and exports to React, Next.js, Vue, Angular, Svelte, Astro, SolidJS, Rails, and HTML.

## Core Features
- AI UI Generation: https://windframe.dev/ai
- Screenshot to Code: https://windframe.dev/screenshot-to-code
- Visual Editor: https://windframe.dev
- 1,000+ Templates and Blocks: https://windframe.dev/blocks
- Form Builder: https://windframe.dev/form-builder
- Tailwind CSS Class Reference: https://windframe.dev/classes

## Pricing
- Pro Monthly: $25/month (50 AI credits)
- Pro Quarterly: $50/quarter (120 AI credits)
- Pro Annual: $189/year (480 AI credits)
- Team Monthly: $89/month (160 AI credits, 2-10 seats)
- Team Annual: $799/year (1,200 AI credits, 2-10 seats)
- Lifetime Pro: $299 one-time (600 AI credits)
- Lifetime Team: $1,199 one-time (1,800 AI credits)

## Tailwind CSS Reference
- All Tailwind Classes: https://windframe.dev/classes
- Font Size Classes: https://windframe.dev/tailwind/classes/tailwind-font-size
- Width Classes: https://windframe.dev/tailwind/classes/tailwind-width
- Border Radius Classes: https://windframe.dev/tailwind/classes/tailwind-border-radius
- Flexbox Classes: https://windframe.dev/tailwind/classes/tailwind-flex-direction
- Grid Classes: https://windframe.dev/tailwind/classes/tailwind-grid

## Blog and Documentation
- Blog: https://windframe.dev/blog
- Documentation: https://windframe.dev/docs
- Tutorials: https://windframe.dev/tutorials
- Pricing: https://windframe.dev/pricing
- v0 Alternative: https://windframe.dev/v0-alternative

## Popular Content
- How to Use Tailwind CSS Flex: https://windframe.dev/blog/how-to-use-tailwind-css-flex
- How to Use Tailwind CSS in React: https://windframe.dev/blog/how-to-use-tailwind-css-in-react
- VSCode Extensions for Web Development: https://windframe.dev/blog/vscode-extension-for-web-development
- Tailwind Width Guide: https://windframe.dev/blog/tailwind-width

## Key Facts
- 15,000+ developers use Windframe
- 1,000+ professionally designed templates and blocks
- Supports 10+ export frameworks
- Built on Tailwind CSS v4

## Contact
- Website: https://windframe.dev
- Email: contact@devwares.com
- Twitter/X: https://x.com/getwindframe
- LinkedIn: https://www.linkedin.com/company/devwares