Using the Component Library
The component library contains professionally designed, ready-to-use components. Here's how to make the most of it.
Accessing the Library
Library Categories
By Type
- Heroes - Eye-catching top sections
- Features - Highlight your offerings
- Testimonials - Social proof sections
- Pricing - Pricing tables and plans
- Contact - Forms and contact info
- CTAs - Call-to-action sections
- Galleries - Image displays
- Teams - Team member showcases
- FAQs - Question and answer sections
- Footers - Page footer designs
Browsing
- Scroll through categories
- Use search to find specific types
- Preview components before adding
Adding Library Components
Customizing Library Components
Library components are fully customizable:
Direct Editing
- Click on any text to edit
- Replace placeholder images
- Change button text and links
AI Modifications
- Open AI chat on the component
- Request changes: "Change the color scheme"
- Iterate until satisfied
Save Your Version
After customizing:
Component Quality
What to Expect
- Professional designs
- Responsive layouts
- Optimized for performance
- Regular updates and additions
PRO Components
Some components may be marked as PRO:
- Premium designs
- May require a paid plan
- Often more complex or unique
Tips for Using Library Components
Mix and Match
Combine different library components to create unique pages:
- Hero from one style
- Features from another
- Footer from a third
Maintain Consistency
When using multiple components:
- Stick to similar styles
- Use your theme colors
- Keep spacing consistent
Customize Thoughtfully
- Replace all placeholder content
- Ensure images match your brand
- Adapt text to your voice
Requesting Components
Want a component type we don't have?