How to use WebeeUI?
Home/Components/How to use WebeeUI?

How to use WebeeUI?

🔧 How to Use WebeeUI: Your Complete Guide

1. Browse and Select

Explore WebeeUI’s components library to choose from a wide array of pre-built Notion blocks—hero sections, feature callouts, testimonial cards, pricing tables, CTAs, and more webeeui.com+9webeeui.com+9webeeui.com+9. You can also pick full page templates like landing pages, portfolios, or docs designed specifically for Notion-based builders like Super, Bullet, or Popsy webeeui.com+1Medium+1.

2. Preview Live

Where available, use the live preview feature to instantly see how each component or template looks and behaves. This helps you tailor your design choices before integrating anything into your Notion workspace webeeui.comwebeeui.com.

3. Copy Blocks to Notion

Once you've selected a component or template, simply copy the styled block from WebeeUI and paste it directly into your Notion page. The blocks maintain layout and formatting seamlessly within Notion’s ecosystem YouTube+15webeeui.com+15webeeui.com+15.

4. Add Custom CSS

To enable the full visual styling, paste WebeeUI’s CSS snippet into the “Custom Code” section of your site builder (e.g. Super, Bullet). This lightweight CSS activates the enhanced design features while preserving Notion’s responsiveness and simplicity webeeui.com.

5. Publish Your Notion Site

After pasting components and CSS, publish your Notion page via your site builder. It instantly transforms into a polished, responsive website—ready for visitors on any device webeeui.comwebeeui.com.

6. Optional: Hire Experts

Need something more custom? Use WebeeUI’s Hire Experts service to get tailored site design or full-page builds delivered within 72 hours webeeui.com+9webeeui.com+9webeeui.com+9.

🚀 Why This Works

  • No developer required: Everything is done inside Notion and enhanced with a snippet of CSS.
  • Fast and scalable: You can build and iterate pages in minutes instead of hours.
  • Responsive & polished: Every component is optimized for desktop, tablet, and mobile.
  • Integrates with Notion site builders: Full compatibility with Super, Bullet, Popsy, and similar tools.

đź“‹ Quick Step-by-Step Summary

Step
What You Do
Step 1
Browse and preview components or templates
Step 2
Copy your chosen block into Notion
Step 3
Add WebeeUI’s CSS snippet to your site builder
Step 4
Publish your Notion page as a website
Step 5
(Optional) Hire experts for custom designs