║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║

---

title: AI Suggestions description: Get smart, real-time AI recommendations to refine and improve your work

<DemoCodePreview path="demo/components/ai-suggestions/default.tsx" v0Link="/ai/ai-suggestions" />

Installation

<Tabs defaultValue="cli"> <TabsList> <TabsTrigger value="cli">CLI</TabsTrigger> <TabsTrigger value="manual">Manual</TabsTrigger> </TabsList> <TabsContent value="cli"> ```npm npx shadcn@latest add @paceui-ui/ai-suggestions ``` </TabsContent> <TabsContent value="manual"> <Steps> <Step> **Install the following dependencies** </Step> ```npm npm install gsap @gsap/react ``` <Step> **Copy and paste the following code into your project** </Step> <CodePreview path='components/ai/suggestions.tsx' collapsible></CodePreview>

        <Step>
            **Update the import paths to fit your project setup**
        </Step>

    </Steps>
</TabsContent>

</Tabs>

Props

AiSuggestions

| Prop | Type | Default | |------|---------|---------| | show | boolean | true |

║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║