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.