Bubble template overview
Use professionally crafted elements, marketing pages & dashboards to significantly speed up your design process in Bubble
Hero
"The speed of progress, the crazy high quality of the resources of this kit is exactly what @bubble has been missing. Incredible."
Frank Luis
@nocodeliving
Design professional Bubble apps,
in half the time
Save hours of time setting up your app with pre-configured styles, elements, web blocks & dashboards ready directly within the app
Pre-styled elements, such as buttons, icons and inputs
Available from a single components page in Bubble
Individual components pages in Figma
Components
Color
High contrast color pairings to ensure high accessibility scores
All elements are connected to color styles
Stored as variables in Figma to ensure consistency across your design system
Carefully crafted color palettes for neutral, primary, secondary, destructive, success & alert
Heading, label & body styles created to enhance readability
All text styles are connected to color styles
Inter font family to ensure optimal hierarchy and contrast
Typography
Dashboard
150+ web blocks: hero, feature, metric, CTA, pricing, FAQ, testimonial, navbar, footer, auth
5 dashboards containing multiple screens such as sales, projects, tasks, team, settings, messgaing & more
Saved as reusable elements in Bubble & components in Figma
Fully responsive down to mobile screen widths, including dashboards
Buy once, use forever
No one likes money coming out of their bank account every month, that's why Foundation is a one time payment & gives you lifetime access
$119
One time purchase
Developer licence $199
Collaborate in Figma, build in Bubble
Foundation comes with 1 Figma file & 1 Bubble template, so that you can maintain consistent designs across both platforms
Bubble template
The video talks through starting an app using the template, the configuration of styles & components, and how to build out a landing page & dashboard using the saved reusable elements.
Figma file
The video shows you how to access the Figma file and how to create your own editable version of the file. We go over the structure of the pages, components, variables and styles.
Components
Curated components,
optimised for Bubble
View our Figma file preview to see the components that are included in Foundation.
Open in Figma
Create professionally designed bubble apps in minutes
Foundation will enable Bubble developers to design professional looking apps in line with industry standards, in a fraction of the time
Frequently asked questions
Have another question? Send us a message and we'll aim to respond within 24 hours.
Foundation UI
Contact