UI KIT PRO

UI Kit Pro

Published February 2026

    •    Updated this week

Plugin details

## UIKit Pro — Premium UI Components for Bubble

UIKit Pro is a collection of production-ready UI components designed to help Bubble builders create cleaner, faster, more polished applications — without relying on heavy frameworks or external dependencies.

Built for SaaS products, dashboards, admin panels, CRMs, client portals and professional Bubble apps, UIKit Pro brings modern interface patterns directly into Bubble, with responsive behavior, accessibility, theme support and a predictable API across all components.

---

## Included Components

### Floating Portal Container

Turn any Bubble Group into a floating container by ID. Perfect for sticky headers, floating action bars, floating cards and advanced layout behavior. Supports viewport or parent-scoped positioning, optional drag-to-move and position persistence.

### Toggle Button

A premium animated switch with responsive sizing, ARIA `role="switch"` support and a polished glass-style finish.

### Icon Tooltip

Create elegant tooltips with hover or click behavior, optional Lucide icons, built-in fallback icons and four positioning options.

### Navigation Menu

Build vertical, horizontal or mobile hamburger menus with hierarchical navigation, badges, multi-level submenus and icon support.

### Skeleton Loader

Add professional loading placeholders with shimmer or pulse effects. Includes text, rectangle, circle, row, avatar + text and card variants.

### Toast / Notification

Display stacked temporary notifications with auto-dismiss, pause-on-hover, six screen positions and four types: success, error, warning and info.

### Progress

Create linear or circular progress indicators, with determinate or indeterminate modes, optional gradients, semantic colors and inside/outside labels.

### Tabs

Modern tab navigation with animated underline, pill or enclosed styles. Supports horizontal and vertical layouts, keyboard navigation and optional URL sync.

### Dialog Box

A lightweight alert, confirmation or prompt dialog powered by JSON. No Bubble Group is required — title, message, icon and buttons are generated dynamically by the action.

### Stepper

Create multi-step wizard indicators with horizontal or vertical layouts, numbered steps, icons or dots, click-to-navigate behavior and automatic completion logic.

### Combobox / Autocomplete

A searchable dropdown with single or multi-select support, chips, debounced filtering, match highlighting, auto-positioning and full keyboard navigation.

### Period Picker

A business-period picker built for dashboards and reports. Supports month, bimester, quarter, semester and year, with compact navigation and dropdown grid selection. Outputs `start_date` and `end_date` ready to use in Bubble searches or backend workflows.

### Slider Input

A single-value or range slider with two handles, marks, custom tooltip formatting, keyboard navigation and touch-friendly behavior. Includes a `value_committed` event to trigger workflows only when the user releases the slider.

---

## Why UIKit Pro feels premium

### Unified theme system

Every component supports `light`, `dark` and `auto` themes through a single `theme` property. When set to `auto`, components react automatically to the user’s operating system color preference.

### Accessibility-first behavior

UIKit Pro includes proper ARIA roles, focus management, keyboard navigation, screen reader support and `prefers-reduced-motion` handling across supported components.

### Predictable API

Components follow consistent naming patterns for properties, states, events and actions, making the plugin easier to learn and faster to use across your app.

### Bubble-friendly architecture

Designed to work inside real Bubble applications, including responsive layouts, repeating groups, dashboards and apps connected to external backends such as Xano.

### Standardized logging

Console logs are clearly prefixed with `[UIKitPro/<Component>]`, making debugging easier and more organized during development.

### No heavy dependencies

UIKit Pro does not require jQuery or any front-end framework. Lucide icons are optional, and components include fallback icons when Lucide is not available.

---

## Ideal for

* SaaS dashboards
* CRMs and ERPs
* Admin panels
* Client portals
* Internal tools
* Insurance, finance and operations systems
* Bubble apps that need a more professional user experience

---

$67

One time • Or $9/mo

 stars   •   0 ratings

4 installs  

This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Re9 Tech

Joined 2025   •   11 Plugins

View contributor profile

Instructions

### How to Use

#FLOATING PORTAL

- Enable `Settings > General > Expose the option to add an ID attribute to HTML elements`.
- Create a normal Bubble Group with the elements you want inside the floating container.
- Set that Group's ID attribute, for example `my-floating-actions`.
- Add the UI Kit Pro Floating Portal element anywhere on the page.
- Set `target_element_id` to `my-floating-actions`.

#TOGGLE BUTTON

The element is resizable through the Bubble canvas. Its track fills the element box, and the thumb is recalculated with `ResizeObserver`.

# ICON TOOLTIP

Very easy and intuitive.

##Navigation Menu

**Using Option Sets (Recommended):**
Create an Option Set called "Menu" with attributes:
- `id` (text) - Unique identifier
- `label` (text) - Display text  
- `icon` (text) - Lucide icon name
- `parent_id` (text) - Parent item ID for submenus

In the `menu_items` property, use "Format as text":


**1. Add Lucide Icons to your app:**

Go to Settings → SEO/metatags → Script/meta tags in the header and add:
```html
<script src="https://unpkg.com/lucide@latest"></script>
```
```
See how: 
🔗https://66d6f9b26f6e89e4f2c2e39dddbbb195.cdn.bubble.io/f1770299703745x319373495180062660/format%20content%20as%20a%20text.png

JSON Exemple:

[
  {
    "id": "dashboard",
    "label": "Dashboard",
    "icon": "layout-dashboard",
    "badge": "New",
    "badge_color": "#22c55e"
  },
  {
    "id": "analytics",
    "label": "Analytics",
    "icon": "bar-chart-3",
    "children": [
      {
        "id": "analytics-overview",
        "label": "Overview",
        "icon": "eye"
      },
      {
        "id": "analytics-reports",
        "label": "Reports",
        "icon": "file-text"
      },
      {
        "id": "analytics-realtime",
        "label": "Real-time",
        "icon": "activity",
        "badge": "Live",
        "badge_color": "#ef4444"
      }
    ]
  },
  {
    "id": "users",
    "label": "Users",
    "icon": "users",
    "badge": "128",
    "badge_color": "#6366f1",
    "children": [
      {
        "id": "users-list",
        "label": "All Users",
        "icon": "list"
      },
      {
        "id": "users-add",
        "label": "Add User",
        "icon": "user-plus"
      },
      {
        "id": "users-roles",
        "label": "Roles & Permissions",
        "icon": "shield"
      }
    ]
  },
  {
    "type": "divider"
  },
  {
    "id": "products",
    "label": "Products",
    "icon": "shopping-bag",
    "children": [
      {
        "id": "products-catalog",
        "label": "Catalog",
        "icon": "grid"
      },
      {
        "id": "products-inventory",
        "label": "Inventory",
        "icon": "package"
      },
      {
        "id": "products-categories",
        "label": "Categories",
        "icon": "folder"
      }
    ]
  },
  {
    "id": "orders",
    "label": "Orders",
    "icon": "shopping-cart",
    "badge": "5",
    "badge_color": "#f59e0b"
  },
  {
    "id": "messages",
    "label": "Messages",
    "icon": "mail",
    "badge": "12",
    "badge_color": "#3b82f6"
  },
  {
    "type": "divider"
  },
  {
    "id": "settings",
    "label": "Settings",
    "icon": "settings",
    "children": [
      {
        "id": "settings-general",
        "label": "General",
        "icon": "sliders"
      },
      {
        "id": "settings-security",
        "label": "Security",
        "icon": "lock"
      },
      {
        "id": "settings-notifications",
        "label": "Notifications",
        "icon": "bell"
      },
      {
        "id": "settings-integrations",
        "label": "Integrations",
        "icon": "plug"
      }
    ]
  },
  {
    "id": "help",
    "label": "Help & Support",
    "icon": "help-circle"
  }
]
---

**3. Action Button Setup:**

Simply drag the Action Button element and configure:
- Choose `button_type` preset or use `custom`
- Set variant, size, and colors
- Enable `show_confirmation` for destructive actions
- Use `btn_clicked` event for your workflow

# Skeleton Loader

- Place the Skeleton element where the real content will appear, with the same approximate size.
- In the real content (Group, Repeating Group, Text, Image), use a conditional `When (your data source) is empty` → element is visible = no.
- In the Skeleton element, use the opposite condition: `When (your data source) is empty` → visible = yes. As soon as data arrives, the skeleton hides and the real content fades in.

Variants at a glance:

- **text** — N stacked lines; last line shorter (60% by default) for a natural look. Use for paragraphs and lists.
- **rect** — single solid block. Use for images, charts, and arbitrary blocks.
- **circle** — single round block. Use for avatars and icons.
- **row** — N horizontal cells aligned. Use as a Repeating Group row placeholder while data is fetching.
- **avatar_text** — circle + two short lines beside it. Use for profile/contact list items.
- **card** — cover block on top + title + 3 description lines. Use for product/article cards.

Notes:

- The element exposes `role="status"` and `aria-live="polite"` so screen readers announce that content is loading.
- Animation is automatically disabled when the user has `prefers-reduced-motion: reduce` enabled in their OS.
- Shimmer is the default because it scans better against busy backgrounds; pulse is lighter visually for compact lists.
- All warnings are prefixed `[UIKitPro/Skeleton]` in the browser console.

# Toast Container

1. Drop the Toast Container anywhere on the page (it is invisible — renders into `<body>` directly, fixed-positioned).
2. From any workflow (button click, API response, custom event), call `Toast Container's Show toast` with the message and type.
3. For an error pattern: set `type = error`, `duration_ms = 0` (sticky), and let the user dismiss.
4. For a success pattern after a Xano save: `type = success`, `duration_ms = 3000`, no title.

You can place multiple Toast Containers on the same page (e.g. one `top-right` for successes and another `bottom-center` for errors). Each container has its own actions and configuration.

## Notes

- Container renders into `<body>` with `position: fixed`. It is not affected by Bubble's responsive layout or by being inside a Group.
- `role` and `aria-live` adapt automatically: `error`/`warning` use `assertive`, `success`/`info` use `polite`. Screen readers announce errors immediately.
- Animation is automatically disabled when `prefers-reduced-motion: reduce` is set in the OS.
- All logs are prefixed `[UIKitPro/Toast]`.
- The text content is set via `textContent`, so user-supplied messages cannot inject HTML.


# Progress

- Indeterminate mode ignores `value` and just animates a sliding bar (linear) or a spinning arc (circular). Use it for "loading…" states with unknown duration.
- `label_position = inside` uses `mix-blend-mode: difference` so the text stays readable against both the track and the fill. Works in all modern browsers.
- `gradient = yes` + a vibrant `gradient_color` is the most "premium" look for hero progress bars (onboarding, file upload).
- ARIA: determinate sets `aria-valuenow / aria-valuemin / aria-valuemax`; indeterminate sets `aria-busy="true"`.
- Animations respect `prefers-reduced-motion: reduce`.
- All warnings prefixed `[UIKitPro/Progress]`.

# Tabs

For each tab, create a Group on the page that holds that tab's content. On each Group add a conditional:

- `When (Tabs)'s active_tab_id is "profile"` → element is visible = yes
- Otherwise: element is visible = no

Repeat for each tab id. The Tabs element itself only renders the strip — the panels are normal Bubble Groups.

## Notes

- The underline variant uses an absolutely-positioned `__indicator` that slides via `translate3d` for smooth animation. It is re-measured on resize via `ResizeObserver` and on every tab change.
- Horizontal mode auto-scrolls active tab into view and shows fade gradients on the edges when content overflows.
- Keyboard nav follows the [WAI-ARIA Authoring Practices for tabs](https://www.w3.org/WAI/ARIA/apg/patterns/tabs/): Arrow keys move focus, Home/End jump to ends, Enter is implicit on `<button>`.
- `font-variant-numeric: tabular-nums` is applied to badges so digit widths don't jiggle.
- All logs are prefixed `[UIKitPro/Tabs]`.
- For Lucide icons, add `<script src="https://unpkg.com/lucide@latest"></script>` to the page HTML Header (or App Header). Falls back to a simple square placeholder if Lucide isn't loaded.

json
[
  { "id": "profile", "label": "Perfil", "icon": "user" },
  { "id": "settings", "label": "Configurações", "icon": "settings" },
  { "id": "alerts", "label": "Alertas", "icon": "bell", "badge": "3" },
  { "id": "billing", "label": "Faturamento", "icon": "credit-card", "disabled": true }
]


#Dialog Box

Workflow on a "Delete account" button:

1. **(Dialog Box)'s Show dialog**:
   - `title` = `Excluir conta?`
   - `message` = `Esta ação é permanente e não pode ser desfeita.`
   - `icon` = `error`
   - `buttons` = `[{"id":"delete","label":"Excluir","variant":"danger"},{"id":"export","label":"Exportar dados antes","variant":"secondary"},{"id":"cancel","label":"Cancelar","variant":"ghost","align":"left"}]`

2. Add workflow events:
   - **(Dialog)'s button_clicked** with condition `last_clicked_button_id is "delete"` → run the delete logic.
   - Another **button_clicked** with condition `last_clicked_button_id is "export"` → run the export.
   - The `cancel` button just closes; no condition needed unless you want to track.

## Notes

- All text content is rendered via `textContent`, so user input cannot inject HTML.
- The first focusable button gets focus on open; ESC and click-outside are configurable.
- Tab and Shift+Tab cycle through the buttons (focus trap).
- The previously focused element is restored on close.
- Animation is automatically disabled when `prefers-reduced-motion: reduce` is set in the OS.
- All logs prefixed `[UIKitPro/Dialog]`.

Json Schema
[
  { "id": "save",    "label": "Salvar",            "variant": "primary" },
  { "id": "discard", "label": "Descartar",         "variant": "danger"  },
  { "id": "cancel",  "label": "Cancelar",          "variant": "ghost", "align": "left" }
]

# Stepper

For each step, create a Group on the page with its content. Add a conditional:

- `When (Stepper)'s current_step_id is "account"` → element is visible = yes
- Otherwise: visible = no

Inside each panel, add the navigation buttons:

- **Voltar** → workflow → `(Stepper)'s Previous`
- **Avançar** → validate (if needed) → workflow → `(Stepper)'s Next`
- **Concluir** (only on the last step) → save data → `(Stepper)'s Next` (fires `completed`)

## Notes

- `dots` variant hides the number/icon and shows just a small filled circle — minimalist for compact pagination/onboarding.
- `iconed` shows the icon when pending and the check mark when completed; the icon "transforms" into a check on advance. Looks great with Lucide loaded.
- Vertical orientation uses a left-side rail with the marker on top of each panel — perfect for long forms with descriptions.
- Click-to-navigate is OFF by default to avoid skipping validation. Turn it on when steps are independent (e.g., user profile sections).
- `mark_completed_on_advance = no` lets you control completion entirely from workflows — useful when a step is only "done" after a Xano call returns successfully.
- All warnings prefixed `[UIKitPro/Stepper]`.

Json Schema
  { "id": "account", "label": "Conta", "description": "Dados de acesso", "icon": "user" },
  { "id": "profile", "label": "Perfil", "description": "Informações pessoais", "icon": "id-card" },
  { "id": "billing", "label": "Pagamento", "description": "Cartão e endereço", "icon": "credit-card" },
  { "id": "review",  "label": "Revisão", "description": "Confirme tudo", "icon": "check" }
]

# ComboBox

- `aria-autocomplete="list"`, `role="combobox"`, `aria-activedescendant` follow WAI-ARIA combobox pattern.
- Dropdown auto-flips above when there isn't space below the field.
- Single-select restores the chosen label in the field (and clears the input text) when the dropdown closes — so the user always sees what is selected.
- Multi-select keeps the dropdown open after picking, so the user can pick several in a row.
- For very large lists, prefer `min_search_length = 2` so the list only renders after filtering.
- All warnings prefixed `[UIKitPro/Combobox]`.

## Future enhancements (V2)

- Async loading (debounced search → workflow → updates options dynamically)
- Option groups with headers
- "Create new option" when no match
- Virtual scrolling for 10k+ items

Json Schema
[
  { "value": "BR-AC", "label": "Acre", "description": "Norte" },
  { "value": "BR-AL", "label": "Alagoas", "description": "Nordeste" },
  { "value": "BR-AM", "label": "Amazonas", "description": "Norte" },
  { "value": "BR-DF", "label": "Distrito Federal", "description": "Centro-Oeste" },
  { "value": "BR-SP", "label": "São Paulo", "description": "Sudeste", "icon_url": "https://flagcdn.com/w20/br.png" }
]

# Period Picker

1. Drop the Period Picker on the top of the dashboard. Set `period_type = month` (or whatever default).
2. In your data sources (Repeating Group, charts, etc.), filter by:
   - `created_at ≥ (Period Picker)'s start_date`
   - `created_at ≤ (Period Picker)'s end_date`
3. (Optional) Add Tabs above to let the user switch period type (`Mês` / `Bim` / `Tri` / `Sem` / `Ano`). On `tab_changed`, call `(Period Picker)'s Set period type` with the corresponding value.
4. (Optional) Add buttons elsewhere (e.g. "Mês anterior", "Próximo mês") that call `Previous period` / `Next period`.

## Notes

- All dates are produced as native JS `Date` objects, which Bubble accepts directly into date-typed fields and states.
- `start_date` is 00:00:00 local time; `end_date` is 23:59:59.999 local time — designed so a `≤ end_date` filter is inclusive of the last day.
- `min_date` / `max_date` constrain both arrow navigation and the popover grid (out-of-range cells are disabled).
- Dropdown popover auto-flips above when there isn't space below.
- For `year` type, the dropdown shows a 12-year grid centered on the current year; the year-nav arrows shift the whole grid by 12.
- Keyboard: focus the display (in dropdown mode) and press `Enter` or `Space` to toggle; `Escape` closes.
- All warnings prefixed `[UIKitPro/Period]`.

# Slider

## Tooltip format examples

| `tooltip_format` | If `value = 1500.5` | Result |
|---|---|---|
| `{value}` | | `1500.5` |
| `R$ {value}` | | `R$ 1500.5` |
| `{value}%` | | `1500.5%` |
| `{value} km/h` | | `1500.5 km/h` |
| `~{value} pts` | | `~1500.5 pts` |

## Notes

- Click on the track jumps the **nearest** handle there (range mode) or moves the single handle.
- Range mode prevents the two handles from crossing.
- Touch-friendly: uses Pointer Events so mobile drag works without special config.
- `value_committed` fires only on drag end / keyboard release — perfect for triggering API searches without flooding during drag.
- `prefers-reduced-motion` disables transitions so the handle moves instantly with the pointer.
- All warnings prefixed `[UIKitPro/Slider]`.

Types

This plugin can be found under the following types:

Background Services   •   Element   •   Event   •   Action

Resources

Support contact

Documentation

Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.

Product

Bubble for

Discover

Learn

Resources

Community

Company

Legal

Bubble uses cookies

Bubble uses cookies. By using our service you consent to all cookies in accordance with our Cookie Policy. Read more

Save & Close

I agree

I disagree

Show details

Strictly necessary

Performance

Targeting

Functionality

Unclassified

Cookie declaration

About cookies

Strictly necessary

Performance

Targeting

Functionality

Unclassified

Strictly necessary cookies allow core website functionality such as user login and account management. The website cannot be used properly without strictly necessary cookies.

Cookie report
Name	Provider / Domain	Expiration	Description
meta_u1main	.bubble.io	Session
cf_clearance	Cloudflare, Inc. .clutch.co	1 year	This cookie is used by the CloudFlare service to identify trusted web traffic and override any security restrictions based on the visitor's IP address. It is essential for supporting a website's security features and in providing protection against malicious visitors.
__cf_bm	Cloudflare Inc. .linkedin.com	29 minutes 57 seconds	This cookie is used to distinguish between humans and bots. This is beneficial for the website, in order to make valid reports on the use of their website.
meta_live_u2main	.bubble.io	3 days
_tt_enable_cookie	.bubble.io	2 months 4 weeks	This cookie is used to remember the user's preferences regarding the use of cookies on the website.
CookieScriptConsent	CookieScript .bubble.io	1 year 1 month	This cookie is used by Cookie-Script.com service to remember visitor cookie consent preferences. It is necessary for Cookie-Script.com cookie banner to work properly.
__cf_bm	Cloudflare Inc. .lu.ma	29 minutes 58 seconds	This cookie is used to distinguish between humans and bots. This is beneficial for the website, in order to make valid reports on the use of their website.
VISITOR_PRIVACY_METADATA	YouTube .youtube.com	5 months 4 weeks	This cookie is used to store the user's consent and privacy choices for their interaction with the site. It records data on the visitor's consent regarding various privacy policies and settings, ensuring that their preferences are honored in future sessions.
meta_live_u2main.sig	.bubble.io	3 days
__cf_bm	Cloudflare Inc. .lumacdn.com	29 minutes 58 seconds	This cookie is used to distinguish between humans and bots. This is beneficial for the website, in order to make valid reports on the use of their website.
__cf_bm	Cloudflare Inc. .clutch.co	30 minutes	This cookie is used to distinguish between humans and bots. This is beneficial for the website, in order to make valid reports on the use of their website.
meta-firebase_workflow	.bubble.io	59 minutes 51 seconds
__cf_bm	Cloudflare Inc. .t.co	29 minutes 57 seconds	This cookie is used to distinguish between humans and bots. This is beneficial for the website, in order to make valid reports on the use of their website.
cf_clearance	Cloudflare, Inc. .luma.com	1 year	This cookie is used by the CloudFlare service to identify trusted web traffic and override any security restrictions based on the visitor's IP address. It is essential for supporting a website's security features and in providing protection against malicious visitors.
__cf_bm	Cloudflare Inc. .twitter.com	29 minutes 57 seconds	This cookie is used to distinguish between humans and bots. This is beneficial for the website, in order to make valid reports on the use of their website.
__cf_bm	Cloudflare Inc. .producthunt.com	29 minutes 59 seconds	This cookie is used to distinguish between humans and bots. This is beneficial for the website, in order to make valid reports on the use of their website.
__session	.gitbook.com	1 year 1 month	This cookie is used to maintain an anonymized user session by the server.
__cf_bm	Cloudflare Inc. .luma.com	29 minutes 57 seconds	This cookie is used to distinguish between humans and bots. This is beneficial for the website, in order to make valid reports on the use of their website.
__cf_bm	Cloudflare Inc. .x.com	29 minutes 59 seconds	This cookie is used to distinguish between humans and bots. This is beneficial for the website, in order to make valid reports on the use of their website.
AWSALBCORS	Amazon.com Inc. tools.pingdom.com	1 week	For continued stickiness support with CORS use cases after the Chromium update, we are creating additional stickiness cookies for each of these duration-based stickiness features named AWSALBCORS (ALB).
__cf_bm	Cloudflare Inc. .calendly.com	29 minutes 52 seconds	This cookie is used to distinguish between humans and bots. This is beneficial for the website, in order to make valid reports on the use of their website.
li_gc	LinkedIn Corporation .linkedin.com	5 months 4 weeks	Used to store guest consent to the use of cookies for non-essential purposes

Performance cookies are used to see how visitors use the website, eg. analytics cookies. Those cookies cannot be used to directly identify a certain visitor.

Cookie report
Name	Provider / Domain	Expiration	Description
GAESA	manual.bubble.io	4 weeks 2 days	This cookie is typically associated with the collection and analysis of statistical data to improve site performance. It may track details such as the number of visitors, the source of the visit, and the pages visited in an anonymous form.
_ga_CMMEJQJJ8J	.bubble.io	1 year 1 month	This cookie is used by Google Analytics to persist session state.
ajs_anonymous_id	Segment.io Inc. .bubble.io	1 year	These cookies are generally used for Analytics and help count how many people visit a certain site by tracking if you have visited before. This cookie has a lifespan of 1 year.
_ga_Y168TZXEQ5	.bubble.io	1 year 1 month	This cookie is used by Google Analytics to persist session state.
analytics_session_id.last_access	.bubble.io	11 months 4 weeks	This cookie is used to store the time of the last access by a user in an analytics session, helping in understanding user engagement and the effectiveness of the website content.
_ga	Google LLC .bubble.io	1 year 1 month	This cookie name is associated with Google Universal Analytics - which is a significant update to Google's more commonly used analytics service. This cookie is used to distinguish unique users by assigning a randomly generated number as a client identifier. It is included in each page request in a site and used to calculate visitor, session and campaign data for the sites analytics reports. By default it is set to expire after 2 years, although this is customisable by website owners.
_ttp	.bubble.io	3 months	This cookie is used to track user interaction and behavior on the website for site performance and usage analysis. This information is used to improve the user experience and optimize the website's functionality.
_ga_CEPZJCHM3K	.bubble.io	1 year 1 month	This cookie is used by Google Analytics to persist session state.
_ga_5Q4JP8E2X4	.bubble.io	1 year 1 month	This cookie is used by Google Analytics to persist session state.
m	Stripe m.stripe.com	1 year 1 month	This cookie is generally used for performance and optimization of payment processing services, facilitating caching of content on the browser to make pages load faster.
analytics_session_id	Cakemail .bubble.io	11 months 4 weeks	This cookie tracks user behavior throughout the session on the website, collecting data such as how long a visitor stays on a page and what links they click on. This information is used to improve user experience and website performance.
_ga_BFPVR2DEE2	.bubble.io	1 year 1 month	This cookie is used by Google Analytics to persist session state.
_ttp	.tiktok.com	2 months 4 weeks	This cookie is used to track user interaction and behavior on the website for site performance and usage analysis. This information is used to improve the user experience and optimize the website's functionality.

Targeting cookies are used to identify visitors between different websites, eg. content partners, banner networks. Those cookies may be used by companies to build a profile of visitor interests or show relevant ads on other websites.

Cookie report
Name	Provider / Domain	Expiration	Description
_gcl_au	Google LLC .bubble.io	2 months 4 weeks	Used by Google AdSense for experimenting with advertisement efficiency across websites using their services
YSC	Google LLC .youtube.com	Session	This cookie is set by YouTube to track views of embedded videos.
guest_id_ads	Twitter .twitter.com	1 year 1 month	This cookie is associated with Twitter's advertising services. It is used to identify and track the website visitor to display personalized ads based on the user's preferences and interaction with the website.
lidc	Microsoft Corporation .linkedin.com	1 day	This is a Microsoft MSN 1st party cookie that ensures the proper functioning of this website.
MUID	Microsoft Corporation .bing.com	1 year	This cookie is widely used my Microsoft as a unique user identifier. It can be set by embedded microsoft scripts. Widely believed to sync across many different Microsoft domains, allowing user tracking.
guest_id_marketing	Twitter .twitter.com	1 year 1 month	This cookie is used to identify a visitor across visits and devices. It allows the website to present the visitor with relevant advertisement based on the visitor's preferences.
VISITOR_INFO1_LIVE	Google LLC .youtube.com	5 months 4 weeks	This cookie is set by Youtube to keep track of user preferences for Youtube videos embedded in sites;it can also determine whether the website visitor is using the new or old version of the Youtube interface.
guest_id	Twitter Inc. .x.com	1 year 1 month	This cookie is set by Twitter to identify and track the website visitor.
bcookie	Microsoft Corporation .linkedin.com	1 year	This is a Microsoft MSN 1st party cookie for sharing the content of the website via social media.
_fbp	Meta Platform Inc. .bubble.io	2 months 4 weeks	Used by Facebook to deliver a series of advertisement products such as real time bidding from third party advertisers
personalization_id	Twitter Inc. .twitter.com	1 year 1 month	This cookie carries out information about how the end user uses the website and any advertising that the end user may have seen before visiting the said website.
_uetvid	Microsoft Corporation .bubble.io	1 year	This is a cookie utilised by Microsoft Bing Ads and is a tracking cookie. It allows us to engage with a user that has previously visited our website.
_uetsid	Microsoft Corporation .bubble.io	1 day	This cookie is used by Bing to determine what ads should be shown that may be relevant to the end user perusing the site.
guest_id	Twitter Inc. .twitter.com	1 year 1 month	This cookie is set by Twitter to identify and track the website visitor.

Functionality cookies are used to remember visitor information on the website, eg. language, timezone, enhanced content.

Cookie report
Name	Provider / Domain	Expiration	Description
__stripe_sid	Stripe Inc. .bubble.io	29 minutes 59 seconds	This cookie is set by Stripe to manage and process payments securely, allowing temporary storage of session related information during a users visit to the website.
__stripe_mid	Stripe Inc. .bubble.io	1 year	This cookie is set by Stripe to distinguish users and enable secure payment processing during interactions with the website.
recent_write	bubble.io	Session	This cookie is used to record the most recent interaction by the user to improve functionality and user experience on the website.
ajs_anonymous_id	Segment.io Inc. demo.arcade.software	1 year	These cookies are generally used for Analytics and help count how many people visit a certain site by tracking if you have visited before. This cookie has a lifespan of 1 year.

Unclassified cookies are cookies that do not belong to any other category or are in the process of categorization.

Cookie report
Name	Provider / Domain	Expiration
__Secure-YNID	.youtube.com	5 months 4 weeks
__Secure-ROLLOUT_TOKEN	.youtube.com	5 months 4 weeks
CrossDomainCookieScriptConsent_239	.crossdomain.cookie-script.com	1 year 1 month
ttcsid_CRGSJIJC77UAMBH9S77G	.bubble.io	3 months 4 days
bubble-certifications_live_u2main	.certification.bubble.io	3 days
ttcsid_D6UMEIRC77U8BUJPT1G0	.bubble.io	2 months 4 weeks
flusk_u1main	.scan.bubble.io	Session
EXP_4ddc8ad920_identity	.bubble.io	1 year
bubble-certifications_live_u2main.sig	.certification.bubble.io	3 days
__cf_ob	luma.com	Session
flusk_live_u2main.sig	.scan.bubble.io	3 days
bubble-certifications_u1main	.certification.bubble.io	Session
_vb	bubble.io	4 weeks 2 days
_twpid	.bubble.io	1 year
flusk_live_u2main	.scan.bubble.io	3 days
__birdie_snippet_status	.bubble.io	58 seconds
ttcsid	.bubble.io	3 months 4 days
muc_ads	Twitter .t.co	1 year 1 month

Cookies are small text files that are placed on your computer by websites that you visit. Websites use cookies to help users navigate efficiently and perform certain functions. Cookies that are required for the website to operate properly are allowed to be set without your permission. All other cookies need to be approved before they can be set in the browser.

You can change your consent to cookie usage at any time on our Privacy Policy page.

Your consent will also apply to the following websites:

bubble.io
flusk.eu

UI Kit Pro

Plugin details

$67

One time • Or $9/mo

Other actions

Platform

Contributor details

Instructions

Types

Categories

Resources

Rating and reviews

No reviews yet