Home
Home

Home

webeeui-doc-three-col

Get Started Quickly with WebeeUI

Want to build a beautiful, responsive Notion-based website without spending hours designing every section from scratch? You’re in the right place.
WebeeUI helps you create stunning websites using Super, Bullet.so, or any other Notion site builder – with professionally crafted, responsive components that you can plug in instantly.
In this guide, we’ll show you how to get started in minutes.
 
Start building with WebeeUI today

✨ What is WebeeUI?

WebeeUI is a growing collection of ready-to-use Notion components and full templates designed for creators, startups, freelancers, and anyone using Notion to build a website.
notion image
You get:
  • Pre-built, mobile-friendly components (like hero sections, pricing tables, FAQs)
  • Clean, responsive styles using our custom CSS (with .co-webeeui-* classes)
  • One-click copy-paste integration with Super or Bullet.so
  • Templates for landing pages, portfolios, personal websites, and more
Whether you're starting from scratch or upgrading your current site, WebeeUI saves you time and helps you look professional.
 
page icon
WebeeUI is a growing collection of ready-to-use Notion components and full templates designed for creators, startups, freelancers, and anyone using Notion to build a website.

🛠️ How to Use WebeeUI (Step-by-Step)

Here’s how to go from 0 to a live, styled Notion site in just a few steps:

1. Pick Your Component or Template

Browse our growing library and choose a section or full template you want to use – like a hero banner, testimonial block, or pricing section.
Each one is fully responsive and designed with visual balance in mind.
đź’ˇ Tip: Start with a full page template if you want to build a full site fast.
 
Video preview
 

2. Copy the Notion Layout

Click the “Copy Layout” button to duplicate the Notion block structure. Paste it into your own Notion page where you’re building your site.
Our layouts are built using standard Notion blocks, so you can edit text, images, and links natively.

3. Add WebeeUI Styles to Super or Bullet.so

To apply the beautiful design and responsiveness, you’ll need to add the CSS we provide.

For Bullet.so:

  • Go to your Bullet dashboard
  • Open the Custom Code area
  • Paste the CSS into the appropriate section

For Super:

  • Open your Super site dashboard
  • Go to the Code tab
  • Paste the CSS into the Head or Styles section
That’s it – your site will instantly transform with WebeeUI’s polished styles.
 

🚀 What You Can Build

With WebeeUI, your Notion site can become:
  • A startup landing page
  • A freelancer or creator portfolio
  • A personal blog or bio site
  • A project or side hustle site
You can mix and match components as needed. Want a pricing section with gradient buttons and hover effects? Just copy, paste, and go.

đź”’ Paid Access and Premium Styles

We offer premium CSS styles hosted securely via Cloudflare. If you’ve purchased WebeeUI, you’ll receive a unique link to access the paid styles and unlock the full visual experience.
Your components will look just like the preview, with responsive layouts, spacing, colors, and hover effects.

đź’¬ Need Help?

We’re here to make sure your website looks amazing. If you need help using a component, customizing styles, or have questions, just reach out via our contact page or Twitter. We also regularly update our templates based on user feedback.

🎉 Start Building Today

Ready to turn your Notion site into something beautiful?
  1. Explore our component library
  1. Copy the layouts you love
  1. Paste our CSS and launch your site
👉 Browse Components Now
👉 Buy the Full Bundle
You’ll be amazed how quickly your site comes together with WebeeUI.