# Code generation settings

CodeParrot is a Developer first platform. You can control the generated code. Open the settings panel by clicking on settings ⚙️ icon on CodeParrot panel.

It will open the settings panel

# Frameworks and Languages

Choose your frameworks and languages preferences.

# Frameworks

React
Flutter
React Native
Html
Vue
Angular
Svelte

# Languages

TypeScript
JavaScript
Dart

# Coding Standards

Specifying your coding standards helps generate better results like

how you prefer your styling

write css in separate files, don't use inline / use tailwind / use styled components etc

syntax preferences

use arrow functions components

how you prefer imports

use relative imports. Import svgs as React Components

You can specify as many rules as you like separated by new lines or commas(,)

# Global Files

Use this to reuse styling classes from your global files like global.css, tailwind.config etc. You can add files by clicking on the "+ Add File" button.