WebeeUI Components
Home/WebeeUI Components

WebeeUI Components

webeeui-doc-three-col

Components

WebeeUI includes dozens of modular, reusable sections like:
  • Hero sections
  • Pricing tables
  • Testimonials
  • Call-to-action blocks
  • Image grids
  • Footers
  • Feature lists
  • FAQ accordions
All components are built with Notion structure in mind and require no HTML editing.

Follow these simple steps to enhance your Bullet.so website with WebeeUI components:

Step 1: Create Your Website in Bullet.so
  • Start by creating a new Notion page that will serve as your website.
  • Connect your Notion page to Bullet.so and publish it as a live website.
Step 2: Choose Your WebeeUI Components
  • Browse the WebeeUI component library and select the components you want to use (e.g., hero section, pricing table, FAQ, testimonials).
  • Copy the component’s code (CSS & JS) from WebeeUI.
Step 3: Add Components to Your Notion Page
  • In Notion, structure your content by adding placeholders for WebeeUI components.
  • Paste the WebeeUI component content (headings, text, buttons, etc.) into your Notion page.
Step 4: Apply WebeeUI Styles in Bullet.so
  • Go to your Bullet.so dashboard and open the code section.
  • Paste the WebeeUI CSS & JS into the custom code editor of Bullet.so.
  • Save the changes, and your WebeeUI components will be styled instantly!
Step 5: Publish & Go Live
  • Click Publish in Bullet.so, and your newly designed Notion website will go live with WebeeUI’s responsive, professional components.