Skip to main content
Kombai’s resource library contains external frontend resources for UI libraries, design inspirations, colors, typography, animations, and assets. Use it to discover high-quality resources and creative inspiration for building beautiful interfaces.

​
Attach a resource

There are two ways to attach a resource:

​
@Resources command

  1. Launch Kombai extension in your IDE.
  2. Type @ in Kombai’s chat input box and select Resources from the list.
  3. Select a resource category from the list, e.g., Colors.
  4. Select the resource you want to attach, e.g., Color Hunt.
  5. Prompt Kombai to use the resource.
  6. Press Enter or click the
    button to send the message.

​
Resource library button

  1. Launch Kombai extension in your IDE.
  2. Click the Resource Library button below Kombai’s chat input box.
  3. Click on the resource you want to access.
  4. Follow the instructions in the modal to use the resource.

​
Usage examples

Ask Kombai to search and use components from the attached UI library. It will navigate to the site, extract the component code and apply it to your app.

​
Example prompts

  • Use the <PixelImage /> component from @magicui for the cover image of my product cards.
  • @aceternityui What component can I use to highlight the product demo on my website?
  • Instead of a carousel, what can I use from @smoothui to showcase the client testimonials on my website?
Attach one of the resources and ask Kombai to search for design inspirations for a site, page, section or layout. Kombai will then navigate to the site and find relevant inspirations based on your task and apply it to your app.

​
Example prompts

  • @saasframe suggest some page inspirations that I can use for my website’s 404 pages
  • I want to add a Scheduled Maintenance banner to my app. Suggest some options from @mobbin
  • I want to create my portfolio website. Suggest some beautiful, modern portfolio websites from @framer
Ask Kombai to generate a color palette for your app or select from existing ones. It will use the browser to navigate to the site and retrieve options to choose from. It will then apply those colors to your app.

​
Example prompts

  • Recommend some color palettes that go with my green theme from @colorhunt
  • Explore @goodpalette and generate some color palettes for my e-commerce website.
  • @brandcolors Give me a color palette that is similar to the brand Adidas.
Ask Kombai to use a font from the attached font library. Or, ask Kombai to get a font pair for your app based on your theme and niche. Kombai will then navigate to the site, get/generate the font/font pairs and use it in your app.

​
Example prompts

  • @fontpair What font pair goes best for the title and description of my product card
  • Use Montserrat from @googlefonts for all headings in my codebase.
  • Generate a modern, minimal font pair from @fontpairstudio for the new blog post page.
Ask Kombai to search and use animations from the attached animation library. It will navigate to the site and find relevant options based on your task and apply it to your app.

​
Example prompts

  • Get card swipe animation from @framermotion and apply it to my product catalog cards.
  • Suggest some smooth page scroll animations from @codepen(gsap)
  • Add a confetti animation from @gsap when the user finishes their account wallet setup

​
Supported resources

Find the complete list of supported resources here.