[LAUNCH] Bubble Essential Kit v2.0 - Your #1 Bubble companion

[renatoasse]

Hey guys,

We have just reached 7.000 Bubblers using Bubble Essential Kit v1:

And now I’m excited to announce the launch of Bubble Essential Kit v2.0.

Bubble Essential Kit is a free chrome extension (with paid features) featuring hundreds of components and tools to improve your experience building beautiful Bubble apps.

Even though there are already 7.000+ Bubblers using Bubble Essential Kit, it’s possible that many of you still haven’t met BEK, so I’ll share with you Bubble Essential Kit’s main features:

Bubble Essential Kit Component Library

Copy and paste 350+ beautiful, pre-styled and fully responsive buttons, alerts, repeating groups, tables, cards, popups, inputs, dropdowns, radio buttons, and much more.

All components are based on Bootstrap, the #1 framework for designing responsive websites and applications.
So you can paste any components and they will all fit together, as they share the same visual identity.

You will never struggle with Bubble’s design and responsive engine again.

Some components from Bubble Essential Kit:

Full Dashboard Layouts

Bubble Essential Kit features not only atomic components, but also full layouts and blocks (headers, menus and content).
You can build fully responsive beautiful dashboards in seconds.

Landing Page Blocks

Yes, you can build beautiful Landing Pages on Bubble.
I know, you probably use Wordpress or other site builders because Bubble lacks what it takes to build a nice looking landing page, right?

Well, that’s before you met Bubble Essential Kit.

Bubble Essential Kit has all the components you need to build a high conversion beautiful landing page.

Color Palette (free)

Bubble Essential Kit has all the main colors used in Bootstrap: just get it and paste it into your Bubble component properties.

Using this palette, it’s impossible to build an ugly component in Bubble.

Form Builder (free - new feature)

With the Form Builder, you simply select the number of fields, choose the type and name of each field, and it will generate the finished form.
Just click on Paste and you will have your form ready in seconds.

Private Component Libraries (new feature)

In addition to the Bubble Essential Kit’s hundreds of components, you can also upload your own components and share with your team.

If you use the same components, colors and workflows in different applications, you can create your own library and share it with whoever you want.

This feature is fantastic for freelance developers and development agencies who want to speed up their creation and reuse their visual identities.

FAQ

How to use Bubble Essential Kit

Download the free Chrome Extension here:
https://chrome.google.com/webstore/detail/bubble-essential-kit/ljajflekancplollknchkelcbmepgjpe?hl=en-us

Here’s our full documentation on how to use Bubble Essential Kit’s main features, and our entire component catalogue:
Bubble Essential Kit | Documentation | #1 Bubble.io Component Library

How much does it cost? Is there a free plan?

Yes, there’s a free and a paid plan:

• Free
  – I highly recommending using Bubble Essential Kit at least in Free Plan, as the Color Palette and Form Builder tools alone will save you hundreds of hours in design.
  Color Palette
  Form Builder
  Free components
  PRO components
  SaaS & Landing Page Blocks
  Private Component Library

• Pro (U$15/month or U$97/year)
  – PRO subscribers have access to all BEK features.
  Color Palette
  Form Builder
  Free components
  PRO components
  SaaS & Landing Page Blocks
  Private Component Library

What if I cancel my subscription, do I lose my components?

Never. Bubble Essential Kit generates a code that, once you paste it into Bubble, becomes a regular component of Bubble.
Once you’ve pasted it, the component will stay in your app forever.

Are the components ready for the new Bubble Responsive Engine?

Yes, 100% of the components are designed on the new Bubble Responsive Engine. Actually, Bubble Essential Kit was built after the new responsive engine was launched.

Got suggestions, questions or bugs to report?

If you have any questions, suggestions or comments, please avoid posting them here on the forum, it is much more difficult to conduct a one-on-one conversation here.
Please contact us by email hello@essentialkit.io and we will be happy to help

[renatoasse]

We just published a new component:

Dynamic Gantt Chart (in Repeating Group):

If you use the same logic applied in this repeating group, you will understand exactly how to build Gantt Charts using only Bubble’s native components

Components > Miscelanneous
Preview: Bubble Essential Kit | Miscellaneous | #1 Bubble.io Component Library

[michael41]

Hi

I just stumbled upon your tool and was wondering if there is any chance of easily translating the components. I’m thinking about using your tool to produce apps in other languages than English. Any chance to have the components all set up with auto texts or similar?

Michael

[renatoasse]

Hey @michael41,

Yes, you can use Bubble’s native App Text feature to translate the elements to other languages:

https://manual.bubble.io/help-guides/customizing-an-application/language-and-app-communications

[buero]

Are there any good alternatives? Just checking out the market rn? any recommandations?

[chris.williamson1996]

This and atomic are the best currently imo.

[buero]

is the airdev component still working? - i cant get it to work // or not worth the try out

[scriptschool]

Looks awesome.

[SwiftDev]

Hi @renatoasse ,

I’ve recently encountered something which I believe is a bug.

If you copy an element from the essential kit, it essentially disappears from the menu (so you can’t copy it again if you need to). The element only reappears if you reload the page. Can you please look into this as it is being an extreme hassle.

I’m using chrome btw.

Thanks!

[renatoasse]

Hey @SwiftDev ,

Bubble Essential Kit’s components are not special components. They are just regular Bubble components, but pre-styled.
They do not behave any differently than any other components.

If you believe there’s a bug, could you please write to us at hello@essentialkit.io with the component you’re trying to copy, and how to reproduce the bug
If you have any screenshots, it would really help

Best regards,
Renato

[nur.ibrayev]

@renatoasse
I’ve submitted this bug in the extension, also leaving it here for other to reference:

On copying certain elements/blocks, I am getting a console error about localStorage exceeding quote when setting item. I was able to fix this by manually clearing localStorage items using devTools.

Not sure what the long-term fix is.

[renatoasse]

Hey @nur.ibrayev,

Wow, that’s a first.
This could happen when you have too much data on your Bubble local storage, for having too many info on several apps, for example.

But that’s the correct way: just clear the Local Storage and you’re done

[dhalpern6]

Hey there @renatoasse

About a month ago I purchased a yearly subscription, but it is now asking me to pay again …

Please can you assist!

PS: Love this tool