ExactExact

Quick Start

Create your first component with Exact in 2 minutes.

Step 1: Open a Project

Launch Exact and open your React, Vue, or Svelte project. Exact will automatically detect your framework and configure itself accordingly.

Step 2: Start a Conversation

Press Cmd+K (or Ctrl+K on Windows/Linux) to open the AI chat. Describe what you want to build:

You:

"Create a pricing card component with a title, price, feature list, and CTA button. Use Tailwind CSS and make it look modern with a dark theme."

Step 3: Review and Apply

Exact will generate the component and show you a preview. You can:

  • Accept — Insert the code directly into your project
  • Edit — Ask for modifications before accepting
  • Regenerate — Get a different approach
💡

Generated Code Example

Exact creates production-ready code with proper TypeScript types, accessibility attributes, and consistent styling that matches your existing codebase.

Step 4: Iterate and Refine

Not quite right? Continue the conversation to make adjustments:

You:

"Add a popular badge to the top right corner and make the CTA button pulse on hover."

Exact understands context from previous messages, so you can have natural conversations about your code without repeating yourself.

✨

Keyboard Shortcuts

Speed up your workflow with shortcuts: Cmd+Enter to accept,Cmd+R to regenerate,Esc to cancel.

Next Steps

Now that you've created your first component, explore what else Exact can do: