Framercrafts

500+ abstract 3D shapes to transform your designs into masterpieces. Use them in your landing pages, mobile apps, posters, graphic designs, and more.

A flexible masonry layout component with auto-arranging capabilities, customizable columns, reveal animations, and built-in lightbox functionality for image galleries.

Animated SVG Beam creates animations along SVG paths. It displays a moving beam that traces the path of any uploaded SVG file. The component provides a placeholder when no SVG is selected and works with any Framer project.

BroadBase is a sleek Framer template with Apple-inspired minimalism. Crafted for startups, it blends modern design and smart components across 5 pages. Effortlessly customizable, ensuring a quality launch in no time.Preview: https://broadbase.framer.website/

Circular Scroll Progress shows how far a user has scrolled down a page using a circular progress indicator. The component can function as a simple visual indicator or as an interactive button that returns users to the top of the page when clicked.

Circular Text Blur arranges characters in a circular pattern and animates them with a blur-to-clear effect. Each character appears sequentially with a blur that gradually clears. The component provides a placeholder when no text is entered.

Confetti Shower creates a festive particle animation that can be triggered in different ways. It generates colorful confetti pieces that fall with customizable physics properties. The component can be set to activate automatically or respond to user interactions.

Content Pocket offers an easy-to-customize platform, providing curators a head start to get started quickly. Its clean design and intuitive interface ensure the best experience for curators and their audiences, allowing for seamless content curation and presentation. Preview -> https://contentpocket.framer.website/

With Dyad, your design portfolio will look better than ever. Check it out live https://dyad.framer.website/

Floating Letters transforms regular text into an interactive experience. When users hover over letters, they disappear and are replaced by colorful floating shapes with gradient effects. Each letter produces a unique shape, direction, and color combination, creating a playful and engaging text display.

Fluid Canvas renders a WebGL-based fluid simulation that reacts to user interaction. The component creates a canvas where fluid-like animations follow mouse or touch movements, creating a dynamic and engaging visual effect. The simulation uses advanced shader techniques to model realistic fluid behavior with properties like velocity, pressure, and curl.

Some dope animated stickers made in Framer.

Framercrafts is a the library of lightning-fast, Easy-to-Customize Components and Overrides for Your Framer Websites.https://framercrafts.com/ - @framercrafts

Holographic Gradients provides a collection of visually appealing gradient backgrounds that create a holographic effect. The component offers multiple preset gradient options ranging from linear to conic gradients with various color combinations. Each background creates a different holographic appearance that can be used to enhance visual designs.

Image Comparison Slider creates an interactive way to compare two images side by side. Users can drag or click to adjust the divider position, revealing more of one image while hiding the other. The component features a customizable divider line with an optional icon for better visibility and interaction.

Image Reveal Grid creates a dramatic image reveal effect by dividing the image into a grid and animating each cell's disappearance. The component includes an initial blur effect on the image that clears as the grid cells fade away, creating a smooth transition from hidden to visible.

Editorial-style Framer template for creatives. Supports dark/light mode, fluid layouts, smart spacing, and careful typography. Built to be fast, responsive, and highly customizable out of the box.

iPad Hover replicates the distinctive hover effect seen in iPadOS interfaces. When users hover over the component, it displays a subtle background that follows the cursor movement with a slight parallax effect. The component wraps around its children, making it easy to apply this effect to any content.

lilapp: A simple, scalable website template for mobile apps, ideal for apps of any size. It's carefully designed with attention to detail, offering attractive layouts and subtle effects that engage the audience. Preview -> https://lilapp.framer.website/

A layout component that creates overlapping arrangements by applying negative spacing between elements, with optional hover effects and alignment controls.

A component that generates a miniature visual map of a webpage's structure, highlighting different HTML elements with customizable colors for improved navigation.

A component that animates SVG paths based on page scrolling, creating a drawing effect that progresses as users scroll down the page.

An interactive component that applies a smudge effect to images when users hover or drag, with customizable strength and size for creative distortion effects.

Terminalfolio🛫 - A uniquely crafted airport terminal-themed portfolio template, perfect for designers with a passion for aviation. This template combines a love for design and aircraft, offering a creative and distinctive way to showcase your work.Preview -> https://terminalfolio.framer.website/