THE DESIGN FUTURIST

Live Preview https://magical-spot-403364.framer.app About this Component Infinite scroll 3D cards for Framer built with Three.js, featuring GSAP-powered micro-interactions for a highly engaging experience. Adjust camera motion and spatial settings to tailor the scene exactly to your needs. Customizable Properties ItemsAdd Image Items, Include Alt Text, And Add Links. (Links Are Added In The Modal.)Total CountSet The Total Number Of Cards.CardWidthHeightRadiusOpacityPerspectiveThicknessObject Fit: Cover / ContainScroll SpeedDepth RangeAdjust The 3D Depth.CameraAdjust The Camera Angle, Distance, And Perspective To Control The Spatial Feel Of The 3D Scene.HeightDistancePerspectiveModalConfigure The Modal That Appears With An Animation When A Card Is Clicked.Card ScaleClose Button SizeClose Button Background ColorClose Button Background Color (On Hover)Close Button Icon ColorClose Button Icon ThicknessClose Button Background Blur LicenseThis product can be used for both personal and commercial purposes. However, redistribution and resale of the product are strictly prohibited. Click here for more information Refund Policy All sales of digital products are final and non-refundable.If you have any questions about a product, please contact us at [email protected] before completing your purchase. We are happy to provide assistance. Need More Framer Components? Discover more free & paid components at https://thedesignfuturist.zip.

Live Preview https://framer-component-3d-image-wheel.framer.website/ About this Component Showcase your portfolio beautifully with a 3D image wheel created with three.js. Choose between two types — scroll or animation. Customize every detail: 1.items Add unlimited item sets - images, title text, and links. 2.item multiplier Repeat your item sets 3.Card Width/Height/Radius Easily adjust card width, height, and corner radius to fit your design. 4.Control Select your preferred interaction Scroll : Rotating the wheel with scroll inputAnimate : Enabling smooth, continuous looping. 5. Preview (Available with scroll mode) On desktop, when the card is hovered over with the mouse, you can display a preview at the desired position. On mobile, the preview appears sequentially according to the item index as it scrolls. Visibility : Toggle the preview on or off at will.Width/Height : Control the width/height of the preview image.Position : Choose from seven preset positions: top left, top center, top right, center, bottom left, bottom center, or bottom right.Title Visibility: Show or hide the preview title as needed.Font : Customize font family, color, weight, alignment, letter spacing, and line height for the title.Gap : Adjust the spacing between the preview image and titlePadding : Customize the padding of the preview. LicenseThis product can be used for both personal and commercial purposes. However, redistribution and resale of the product are strictly prohibited. Click here for more information Refund Policy All sales of digital products are final and non-refundable.If you have any questions about a product, please contact us at [email protected] before completing your purchase. We are happy to provide assistance. Need More Components? Check out more free & paid components at https://thedesignfuturist.zip.

Live Preview https://framer-component-balatro-background.framer.website/ About this Component Insert high-quality graphic textures into your framer website with OGL Balatro Background Component. liquid metal inspired balatro component provides a customizable UI that includes. 3 custom color combinations.Adjust Spin Speed, rotation, amount, and easeAdjust offset x & offset yAdjust lighting & contrastRotate animation (enable/disable )Mouse interaction (enable/disable ) That's not all, pixelate graphics with the pixel filter. The possibilities are endless. LicenseThis product can be used for both personal and commercial purposes. However, redistribution and resale of the product are strictly prohibited. Click here for more information Refund Policy All sales of digital products are final and non-refundable.If you have any questions about a product, please contact us at [email protected] before completing your purchase. We are happy to provide assistance. Need More Components? Check out more free & paid components at https://thedesignfuturist.zip.

Live Preview https://loud-devices-322722.framer.app/ About This Component CMS Tag Generator is a Framer component that generates tags by integrating with CMS text fields. Tags are created from comma-separated input, and customizable properties make it easy to adapt the tag design to fit your website’s style. Customizable Properties TagAlignment (Left/Center/Right)Gap (X/Y)Padding (Top/Right/Bottom/Left)MinwidthText ColorBackground ColorRadiusOuter Stroke Width & ColorInner Stroke Width & ColorShadow (Color/X/Y/Blur/Spread) LicenseThis product can be used for both personal and commercial purposes. However, redistribution and resale of the product are strictly prohibited. Click here for more information Refund Policy All sales of digital products are final and non-refundable.If you have any questions about a product, please contact us at [email protected] before completing your purchase. We are happy to provide assistance. Need More Framer Resources? Check out more at https://thedesignfuturist.zip.

Live Preview https://nuanced-startup-647964.framer.app About this Component A fully customizable ASCII component compatible with Hover & Scroll Interaction. Built with WebGL, this ASCII Generator allows complete color customization beyond black and white. Use four Dynamic Cover presets to create animated ASCII effects. *Dynamic Cover is available only for images. Product Variants Select the product variant that fits your needs before purchasing.• Image upload (default)• Image + video upload (full version) Customizable Properties Object fit : Fit/FillPreview in EditorInteraction : Hover/Scroll/NoneReplay (on scroll)Trigger Point (on scroll)Reveal Effect : Fade, Center Line, Top Down, Bottom Up, Edges In, ZigzagReveal DurationPixel SizeASCII Effect : Yes/NoASCII CharactersTonal StepsColor Mode : Solid/SourceColorBackground ColorContrastBrightnessDynamic CoverEnabled : Yes/NoPattern : Wave/Rain/Random/LuminousSpeedUse Effect Color : Yes/NoEffect Color LicenseThis product can be used for both personal and commercial purposes. However, redistribution and resale of the product are strictly prohibited. Click here for more information Refund Policy All sales of digital products are final and non-refundable.If you have any questions about a product, please contact us at [email protected] before completing your purchase. We are happy to provide assistance. Explore more Framer resources at ... https://thedesignfuturist.zip.

Live Preview https://framer-component-flap-board-animation.framer.website/ About This Component This text animation is inspired by airport departure boards. Use eye-catching effects to highlight keywords on your Framer website and create a retro mood. Offers a wide range of rich, customizable properties: TextAdd as many keywords as you like.FontCustomize font style, weight, size, and more.ColorFreely set colors for all elements — including board, blocks, text, and more.Character SequenceDefine the range of characters to apply animation effects to (e.g., A–Z for English).Padding & GapAdjust the padding and spacing between Flapboard blocks.Animation ControlsFine-tune animation with settings like step delay, duration, and pre-switch delay.Flap LineToggle the flapboard's dividing line on or off. LicenseThis product can be used for both personal and commercial purposes. However, redistribution and resale of the product are strictly prohibited. Click here for more information Refund Policy All sales of digital products are final and non-refundable.If you have any questions about a product, please contact us at [email protected] before completing your purchase. We are happy to provide assistance. Need More Components? Check out more free & paid components at https://thedesignfuturist.zip.

Live Preview https://fresh-founders-991110.framer.app About this Component An infinite image gallery that feels like drifting through space.Built with Three.js for true spatial depth, it offers a smooth scrolling experience across desktop, tablet, and mobile. Customizable Properties ItemsAdd as many images as you like.Include alt text for SEO and link each image to any page.Object Width / HeightObject Fit (cover / contain)Particle CountChoose how many images appear in the gallery.Scroll SpeedDepth RangeMouse Interaction (Yes / No)Mouse Sensitivity LicenseThis product can be used for both personal and commercial purposes. However, redistribution and resale of the product are strictly prohibited. Click here for more information Refund Policy All sales of digital products are final and non-refundable.If you have any questions about a product, please contact us at [email protected] before completing your purchase. We are happy to provide assistance. Discover more https://thedesignfuturist.zip.

Live Preview https://framer-component-looping-logo.framer.website/ About This Component Easily create a Trusted by section with the Looping Logo Component. Just upload your images! You can adjust the min/max size and spacing consistently in the custom UI and that's not all. You can apply a grayscale filter and a fade effect on both sides of the carousel. This is the ultimate marquee component. License This product can be used for both personal and commercial purposes. However, redistribution and resale of the product are strictly prohibited. Click here for more information Refund Policy All sales of digital products are final and non-refundable.If you have any questions about a product, please contact us at [email protected] before completing your purchase. We are happy to provide assistance. Need More Components? Check out more free & paid components at https://thedesignfuturist.zip.

Live Preview https://warm-guardrails-470712.framer.app/ About this Component A marble reveal effect component for Framer, featuring scroll and hover interactions. Using WebGL shaders, it renders rich, oil-textured visuals for a high-end, artistic look. Product Variants Select the product variant that fits your needs before purchasing.• Image upload (default)• Image + video upload (full version) Customizable Properties Object fit : Fit/FillInteraction : Hover/ScrollReplay (on scroll)Trigger Point (on scroll)TransitionDistortionAnimation SpeedPreview in Editor LicenseThis product can be used for both personal and commercial purposes. However, redistribution and resale of the product are strictly prohibited. Click here for more information Refund Policy All sales of digital products are final and non-refundable.If you have any questions about a product, please contact us at [email protected] before completing your purchase. We are happy to provide assistance. Explore more Framer resources at ... https://thedesignfuturist.zip.

Live Preview https://trusting-need-659559.framer.app/ About This Component This component brings a melting blur interaction to text, powered by a WebGL shader for high-quality web graphics beyond typical blur. Made in Framer. Customizable Properties TextTag (h1~h6, p, span)FontFont ColorBackground ColorEffect RadiusBlur SpreadBlur QualityInertiaControl Panel (Show/Hide) LicenseThis product can be used for both personal and commercial purposes. However, redistribution and resale of the product are strictly prohibited. Click here for more information Refund Policy All sales of digital products are final and non-refundable.If you have any questions about a product, please contact us at [email protected] before completing your purchase. We are happy to provide assistance. Explore more Framer resources at ... https://thedesignfuturist.zip.

Live Preview https://text-morphing-animation.framer.website/ About this Component Emphasize keywords with the text morphing animation component. Provide a customizable UI. Mix and match keywords freelyAdjust font, font size, and font colorFine-tune animation timingAlign text in any direction (left, center, right) LicenseThis product can be used for both personal and commercial purposes. However, redistribution and resale of the product are strictly prohibited. Click here for more information Refund Policy All sales of digital products are final and non-refundable.If you have any questions about a product, please contact us at [email protected] before completing your purchase. We are happy to provide assistance. Need More Components? Check out more free & paid components at https://thedesignfuturist.zip.

Live Preview https://sensational-attributes-419584.framer.app/ About this Component Experience the orbit animation component on your Framer website—now supporting both video and image uploads. Enjoy full customization, including orbit diameter, media size, item count, and more. Customizable Properties: ItemAdd an array of items.Supports uploading images and videos (by file upload or URL).Orbit DiameterSet the diameter of the orbit.Border RadiusWidth / HeightLayoutChoose between fit and cover.Animation SpeedTransition TypeChoose between linear and ease in out.RepeatYou can play the animation once or have it repeat infinitely. LicenseThis product can be used for both personal and commercial purposes. However, redistribution and resale of the product are strictly prohibited. Click here for more information Refund Policy All sales of digital products are final and non-refundable.If you have any questions about a product, please contact us at [email protected] before completing your purchase. We are happy to provide assistance. Need More Components? Check out more free & paid components at https://thedesignfuturist.zip.

Live Preview https://framer-component-pixel-trail-effect.framer.website/ About this Component Apply mouse interaction to the background with a grid-based pixel trail effect. Provides customizable UI such as border radius, color, size, duration, and delay. LicenseThis product can be used for both personal and commercial purposes. However, redistribution and resale of the product are strictly prohibited. Click here for more information Refund Policy All sales of digital products are final and non-refundable.If you have any questions about a product, please contact us at [email protected] before completing your purchase. We are happy to provide assistance. Need More Components? Check out more free & paid components at https://thedesignfuturist.zip.

Live Preview https://framer-component-random-text-reveal.framer.website/ About This Component Random Text Reveal Component - A powerful animation that helps you convey messages smoothly and beautifully on your website. Add vitality to monotonous sites. The following customization options are available. Text Split - Character/WordScroll Trigger - Top/Center/BottomReplay - Yes/NoFrom Opacity & To Opacity - Adjust the text opacity before and after the animation.Delay - Adjust the delay value applied to the Random Text Reveal effect.Easing - Adjust the ease of the animation.Font & Font Color - Freely set the text properties. LicenseThis product can be used for both personal and commercial purposes. However, redistribution and resale of the product are strictly prohibited. Click here for more information Refund Policy All sales of digital products are final and non-refundable.If you have any questions about a product, please contact us at [email protected] before completing your purchase. We are happy to provide assistance. Need More Components? Check out more free & paid components at https://thedesignfuturist.zip.

Slaka Martin is a Framer portfolio template designed with a horizontal scroll layout, featuring smooth animations and interactive details.Instead of focusing on multiple pages, it highlights impactful presentation and strong visual storytelling.Ideal for freelance designers, photographers, studios, and creative agencies looking to showcase their work with clarity and character. Live Preview https://slakamartin.framer.website/ Features Light/Dark Mode ToggleAdvanced Animations & InteractionResponsive LayoutFully CustomizableDynamic CMSSEO Optimized Pages HomeWork (CMS)Work Detail Page (CMS)InfoContact404 How to Once you complete your purchase, you’ll receive a "REMIX" link to duplicate the template. LicenseEach purchase includes one license to use and customize this template for a single personal or commercial project. The template may not be shared, distributed, or resold in any form. A separate license is required for each website that uses the template. is used. Click here for more information Refund Policy All sales of digital products are final and non-refundable.If you have any questions about a product, please contact us at [email protected] before completing your purchase. We are happy to provide assistance. Need More Framer Resources? Check out more at https://thedesignfuturist.zip

Live Preview https://framer-component-spoiler.framer.website/ About this Component Mark important text that cannot be seen before clicking as spoilers. (Discount codes, etc.) Properties : Text - Input field for text contentFont - Select font, Adjust font size, weight, letter-spacing and line height.Text Alignment - left | center | right | justifyText Color - Adjust Text colorDot Color - Adjust dot(spoiler particle) colorMax Particle Size - Maximum size of particlesMin Particle Size - Minimum size of particlesParticle Distance - Maximum distance particles travelMin Particle Speed - Minimum particle movement speedMax Particle Speed - Maximum particle movement speedParticles Per Character - Number of particles per character License This product can be used for both personal and commercial purposes. However, redistribution and resale of the product are strictly prohibited. Click here for more information Refund Policy All sales of digital products are final and non-refundable.If you have any questions about a product, please contact us at [email protected] before completing your purchase. We are happy to provide assistance. Need More Components? Check out more free & paid components at https://thedesignfuturist.zip.

Live Preview https://massive-view-816660.framer.app/ About this Component Set text indentation to match your grid-based columns. Optional GSAP text animations included. Custom Properties: AnimateEnable or disable text animation.ColumnSet the number of columns (up to 12).Indent ColumnSpecify how many columns the text should be indented.GapAdjust the spacing between columns.Text (Contents)Edit the text content.FontChoose the font for the text.Text ColorSet the color of the text.TagSet HTML Tags Need More Framer Resources? Check out more free & paid components at https://thedesignfuturist.zip LicenseThis product can be used for both personal and commercial purposes. However, redistribution and resale of the product are strictly prohibited. Click here for more information Refund Policy All sales of digital products are final and non-refundable.If you have any questions about a product, please contact us at [email protected] before completing your purchase. We are happy to provide assistance.

Tilted Coffee is a high-quality Framer e-commerce template, fully integrated with Shopify via the Framer Commerce plugin. It includes all major e-commerce features, including wishlist, cart, product filters, and sorting tools. The template is fully no-code, with customizable design elements throughout. Ideal for creating a refined, studio-level Shopify storefront with speed and ease. *This template requires an active Shopify subscription for product syncing and checkout. You’ll also need a Framer Commerce plugin license to enable the integration. Live Preview https://tiltedcoffee.framer.website/ Features Products registered in Shopify are automatically synced.You can categorize and filter products based on collections, tags, and other conditions assigned in Shopify.Product variants allow you to set different prices for each option.Wishlist and shopping cart features are available.Dynamic content can be easily managed through the CMS, and with SEO and GEO optimization, your site gains improved visibility in search results. Pages HomeShop (CMS)Shop-Product Detail Page (CMS)Blog (CMS)ContactBrand StoryFAQs (CMS)Find Store (CMS)WishlistTerms of UsePrivacy Policy404 How to Once you complete your purchase, you’ll receive a "REMIX" link to duplicate the template. LicenseEach purchase includes one license to use and customize this template for a single personal or commercial project. The template may not be shared, distributed, or resold in any form. A separate license is required for each website that uses the template.ed. Click here for more information Refund Policy All sales of digital products are final and non-refundable.If you have any questions about a product, please contact us at [email protected] before completing your purchase. We are happy to provide assistance. Need More Framer Resources? Check out more at https://thedesignfuturist.zip

Live Preview https://vapour-text-cycle.framer.website/ About This Component Emphasize keywords with the vapor text cycle effect. High-quality graphics rendering makes your website stand out. Mix and match keywords freely Freely select fonts, adjust sizes, and change colors.Customize animation properties.Adjust the density and spread of the vapor effect. LicenseThis product can be used for both personal and commercial purposes. However, redistribution and resale of the product are strictly prohibited. Click here for more information Refund Policy All sales of digital products are final and non-refundable.If you have any questions about a product, please contact us at [email protected] before completing your purchase. We are happy to provide assistance. Need More Components? Check out more free & paid components at https://thedesignfuturist.zip.