Foundation UI: The professional design system & UI kit for Bubble

Showcase Templates
1

Hey all :waving_hand:

Introducing Foundation UI - a professional design system & UI kit for bubble. Think of it as Tailwind for bubble. Foundation has been hand built by me over the past 12 months in order to make creating professional, high quality designs in bubble as easy as possible. It comes with a Figma file to keep all of your designs synced across both platforms. This will allow you to work with clients in Figma & quickly iterate during the design process - then have all of the designs ready to use in the Bubble template.

Video walkthrough
Bubble template
Figma file

What’s included

  • 1 Bubble template & 1 Figma file, with all designs and layouts matched across both
  • Pre built components & styles (color, typography, badge, badge icon, icons, buttons, inputs, breadcrumbs, chips, content dividers, toggles, switches, progress bar, pagination & more)
  • 150+ marketing pages (hero/feature/metric/CTA/pricing/FAQ/testimonial/navbar/footer/auth)
  • 5 fully responsive dashboard’s with mutiple views within (metrics/projects/sales/messaging/team/settings/modals plus more)
  • All elements are fully responsive out of the box
  • No custom plugins or chrome extensions required
  • One time purchase
  • Lifetime access

Preview
You can preview the Figma file prior to purchase - every style, component, web block and dashboard you see in the file are included in the Bubble template
Figma file preview

Purchase your copy
foundationui.co
Bubble marketplace

4 Likes
2

@adamtossell , this work is amazing.

Definitely the best and most complete component library for Bubble I’ve ever seen. The level of care you put into this is remarkable. Congratulations. :clap: :clap: :clap: :clap:

1 Like
3

Thanks Rafael! Appreciate the support :raising_hands:

4

This is worth having in the radar, at the same level than anything mentioned in The Best Bubble Component Libraries in 2025

Great work!

1 Like
5

looks incredible @adamtossell , apologies if you covered this in the vid, is everything mobile responsive and are the colours using the bubble app’s dynamic primary brand colour?

6

yo! this is right on time! literally just googled “bubble UI kit” and this popped up lol. Thanks for building @adamtossell

1 Like
7

@cha_james yes everything is mobile responsive & uses the app color styles throughout. Just change the primary color styles & all components will update

1 Like
8

@Toby1 timed to perfection :smirking_face:

9

@ademiguel thanks Adrien!

Doesn’t look like I can have Foundation UI listed on the bubble component libraries 2025 because it doesn’t have a chrome extension. But hopefully word of mouth continues and Foundation UI is a top choice vs other bubble libraries

1 Like