Using Components

Components#

Components are reusable code snippets that you can save from any project and reuse across your Omma chats.

Saving Components#

When you create something you want to reuse, save it as a component:

1. Open a chat with the code you want to save
2. Click the Save as Component button
3. Give it a descriptive name and optional tags
4. The component is added to your library

Using Components#

In Chat#

Reference saved components when creating new projects:

Use my "Animated Button" component and add it to a landing page
with a hero section.

From the Library#

1. Open the Components view from the sidebar
2. Browse or search your saved components
3. Click to preview or insert into a new chat

Component Types#

UI Components#

Reusable UI elements like buttons, cards, navigation bars, and form elements.

3D Objects#

Saved 3D objects with materials and animations that can be inserted into scenes.

Layout Templates#

Full page layouts that serve as starting points for new projects.

Utilities#

Helper functions, animation utilities, and code snippets.

Community Components#

The Omma community gallery features components published by other users:

• Browse trending components
• Fork and customize community components
• Publish your own components for others to use

Best Practices#

• Name descriptively — Use clear names that describe what the component does
• Add tags — Tags help with search and organization
• Keep focused — Each component should do one thing well
• Document usage — Add a description explaining how to use the component