Framer Snippets

The Framer AR Model Viewer is optimized for smooth augmented reality experiences. Import 3D models in Framer to showcase on your website. Compatible with CMS.

Create interactive before-and-after comparisons with an intuitive slider. Perfect for showcasing transformations with images, videos or component instances. Fully customizable slider bar, handle and icon.

Enhance your Framer projects with dynamic data visualization, import your CSV data and render line or bar charts. Compatible with CMS.

Display dates in a relative format in Framer CMS. Works with seconds, minutes, hours, weeks, months, years. Customize prefix, suffix, and styles. Adjust to user locale automatically.

A sleek CMS Slideshow component to showcase images from CMS content with fully customizable arrow and dot navigation. Enhance your design with with flexible styling options and smooth Framer Motion transitions. Seamlessly adapts to both CMS and Default content modes.

Display tags based on Framer CMS items. Keep content organized and visually appealing. Customize tags' appearance to meet your design needs.

A supercharged CMS Thumbnail Slider component. This image gallery solution allows you to display images from formatted text fields on CMS pages. Customize thumbnail position, size, and spacing to fit your design needs. Packed with native framer transitions and effects, Fade, Slide, Zoom. With support for custom or preset aspect ratios, this component adapts seamlessly to CMS Image content. Perfect for portfolios, product showcases, or any image-rich presentation.

Add a splash of fun to your designs with this Framer Confetti component. It's easy to use, customizable, and ideal for any project. Confetti v2 features new effects, including confetti explosions, falling confetti, side streams, bottom streams, and an overall more realistic look.

Transform data into a fully customizable table, ensuring your content is displayed clearly and beautifully on any screen size. Fully customizable, you can edit headers, cells, colors, borders, radius options, and more. Connect the component to the CMS to populate content seamlessly.

A drawer built for smooth interactions and performance. Easily add a component instance and customize it's four orientations, background, radius, handle, overlay. Packed with Framer transitions, sync drag to dismiss. Perfect for sidebars, bottom sheets.

A responsive lightbox optimized for blazing-fast performance. Packed with default Framer transitions to feel 100% Framer native.

The Framer Orbiting component offers an engaging way to display elements in a rotating, orbit-like fashion. Easily adjust the appearance of each orbit to fit your design needs.

Enhance your design with dynamic data visualization components, import your CSV data to display interactive radial or pie charts. Compatible with CMS.

Add interactive, resizable panels to your Framer site. This powerful component lets you create flexible layouts with horizontal or vertical splits, fully customizable handles, and divider. Perfect for building collapsible dashboards, dynamic content areas. Supports infinite component instance nesting, with smooth, touch-friendly dragging for effortless control on any device.

Improve your reach with the Share on Social Framer Button. Integrate seamlessly with top platforms like X, Reddit, Facebook, and LinkedIn. Native Framer feel. ​

Upload an SVG file ensuring your designs beautifully adapt to any screen size. This add-on is perfect for creating responsive SVGs, a feature currently unsupported in Framer. It supports all Framer position properties: fixed, relative, fill, and fit content, as well as color schemes.

Enhance paragraphs with customizable initial letters. Style the drop-cap, color, size, and spacing for distinctive, visually appealing text.

Add images in text in Framer. Highlight key parts of headlines. Boost visual impact and readability with this modern styling component.

Wrap text around images to ensure your text flows naturally around images, enhancing readability, perfect for blogs and articles. Compatible with Framer CMS.

Create stylized nested lists in Framer. Customize every detail, from image-based markers to colors for ordered and unordered list styles. With options ranging from bulleted and numbered lists to sophisticated Greek numerals, alpha, roman and more. This component features customizable markers and various styling options to provide precise control over list appearance.. Enhance hierarchy and readability with flexible indentation and color options. Perfect for creating visually appealing and structured content in your designs.

Create impact by mixing different text styles in paragraphs or headlines with the text style mixer. Adjust font properties, colors, gap, HTML tag and more.. The balanced text ensures visual harmony.

Curve your text along vector paths or shapes. Create stunning responsive typographic layouts that capture attention.

Add a typewriter effect to your website, cycling through words or sentences to enhance your Framer Typography.

Simplify event sharing with the vCalendar QR Code Generator. Customize fill and background color. Generates dynamic QR codes for easy calendar event creation for iCal, Outlook and more... CMS compatible.

Create customizable vCard QR codes effortlessly in Framer. This versatile component simplifies contact sharing on your website.

Create captivating, scroll-triggered video animations inspired by apple.com. This component enables stunning product reveals and immersive storytelling, perfect for video scrollytelling experiences.

Enhance visuals with zoom, pan, and pinch functionalities. Intuitive controls for immersive viewing. Perfect for Images and Components. Elevate your framer site experience.