Framer Components
Simply find any component you wish to use, and copy it from this project to yours
UI Elements
Button
A button triggers an action when clicked, like submitting a form or navigating to a different page
Dropdown
A dropdown component is a compact menu that expands when clicked, offering users a selection of options.
Alert
An alert is a UI component that displays important information or notifications to the user, such as errors or updates
Tab
A tabs component is a UI element that lets users switch between different sections in a single interface
Cookie
A cookies component notifies users the use of cookies on a website and provides options to manage preferences
Breadcrumb
A breadcrumbs component is a clickable trail of links that helps users navigate and keep track of their location
Tooltip
A tooltip is a UI element that appears when the user hovers over an element, providing additional information
Badges & Avatar
A badge is a small UI element that displays important information and draws attention to it
Card
Cards are UI elements that display content in a structured format, often used to showcase information
Accordion
A newsletter component prompts users to subscribe via a form with incentives like discounts or exclusive content
Newsletter Subscribe
A newsletter component prompts users to subscribe via a form with incentives like discounts or exclusive content
Statistic Card
A statistic card component visually presents key data with a title, numerical value, and additional info.
Page Layouts & Sections
Hero
A hero section is a prominent top section of a webpage or app with a large image or video to introduce the content
Pricing Panel
A pricing panel displays pricing info with plans, features, and benefits to help users choose the best product option
Mailing List
A mailing list section presents an opportunity to offer the user a subscription to a mailing list
FAQ
A Frequently asked questions is a list of common questions and answers readily accessible to the user
Image Gallery
The image gallery component can be used to display multiple images in various grid layout designs
CTA
A CTA layout prompts action with a message, link, and supporting text/images.
Contact
A contact us section allows users to easily get in touch with the organization or individual behind the platform.
Navigation
Navbar
A navbar is a wrapper that positions branding, nav and other elements into a header positioned at the top of the page
Footer
A footer includes copyright notices, contact details, links, and social media. It helps users engage with the website
Header
A header is a section at the top of a webpage that includes branding and navigation menus