Must-Have Resources to Build Stunning Framer Websites & portfolios

Must-Have Resources to Build Stunning Framer Websites & portfolios

Recently I made my portfolio using Framer and these are some resources with helped me supercharge my portfolio making process.

Supercharge Your Framer Portfolio! 🚀

Creating a stunning portfolio is an exciting journey, and with the right resources, you can make it even smoother! If you're using Framer to build your portfolio, I’ve got some fantastic resources that will help you level up your design game. 🎨✨

Why Use Pre-Made Components? 🤔

Using pre-made components can save you a ton of time and effort! Instead of starting from scratch, you can simply copy or remix these components and customize them to fit your unique style. This means you can focus more on showcasing your work and less on the nitty-gritty of design. Plus, you can publish your portfolio instantly! 🕒💻

If you are making your portfolio on framer you can use these resources to get pre-made components. just copy or remix the components and customized as per your design.

Top Resources for Pre-Made Components

Here are some of the best resources to find pre-made components for your Framer portfolio:

Framer University Resources

Uncover the finest free resources for Framer to enhance your next project, featuring Framer components, code overrides, animations, and effects. Take your Framer website to the next level with a carefully curated collection of high-quality Framer assets.

Framer Shader Library

The Framer Shader Library is a resource created by Maharram Hasanli that offers a collection of fast, SEO-friendly shaders for use in Framer projects. Shaders are specialized computer programs that enhance graphics rendering by controlling visual effects such as lighting and textures, typically written in languages like GLSL and executed on the GPU.

Framer.today Resources

Remixing Framer (assorted)

Framer Components

The Framer Components library provides a collection of free, open-source components for building interactive prototypes and designs. Some of the key components included are:

Animation Components

  • Gradient Blur, Typing Animation, Fluid Animation, Ripples, Noisy ,lines

Interaction Components

  • Text Opacity On Scroll, Image Trail, Time, Toast, Image Buldge, Effect

Framer First

A collection of UI components such as buttons, forms, navigation bars, and other design elements that can be utilized to enhance user interfaces.

Framer Supply

Some of Framers official components to remix.

Framer Things

A library dedicated to Framer components. It features a variety of categories including buttons, animations, menus, and more. Users can find both free and paid components

Everything Framer

Blak UI

Beautifully designed components that you can copy and paste into your framer projects. Accessible. Customizable. Free.

Framer Physics Component

Add some physics in your framer project.

Thats all for now, stay curious, design amazing things.

Leave a comment if this was helpful.

Loading comments...