Card Flip
CMS Shuffle Button
Circular Progress Bar
Table of Contents
Theme Toggle
Dark / Light Image
Before & After Image Slider
Negative Gap

Components and code overrides for your Framer websites

Framestack is the ultimate component library for designers building websites with Framer.

Trusted by over 4000 designers who build websites with Framer

Payment Card Logos

Free

Circular Progress Bar

Payment Logos

Free

NEW!

New Item Label

Social Proof Avatars

Rating

Animated Number Counter

Red

Green

Pink

Orange

Blue

Purple

Yellow

Red

Red

Text Cycle

https://www.framestack.co/

framestack.co

URL Label

OS Variants

Copy Image to Clipboard

Copy Image Button

This text is visually balanced across multiple lines.

This text is visually balanced across multiple lines.

Balanced Text

Back

Back Button

3 minute read

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Odio ut enim blandit volutpat maecenas. Vestibulum lorem sed risus ultricies tristique. Morbi non arcu risus quis varius quam quisque id diam. Dignissim suspendisse in est ante in nibh mauris. Pulvinar pellentesque habitant morbi tristique senectus. Tortor dignissim convallis aenean et tortor at. Dictum varius duis at consectetur lorem donec. A pellentesque sit amet porttitor. Imperdiet sed euismod nisi porta lorem mollis aliquam ut.

Article Read Time

Dark / Light Variants

Patterns

Inset Corners

Monday, 11/04/2024

Current Date Label

Rotate Toward Cursor

Click for 🎉

Confetti

Pulse

Hue Cycle

Random Rotation

Shuffle Stack & Grid

Negative Gap

Theme Toggle

Before & After Image Slider

Scroll Progress Bar

CMS Previous / Next Page Button

Progress Bar

Device Theme

Theme Switcher Dropdown

Open overlay with shortcut

K

Keyboard Shortcut

month

1

days

22

hours

22

minute

1

seconds

3

Countdown finished!

Countdown

𝕏 Share Button

Turn Camera On

Camera Video Feed

Drop caps, with their graceful and ornate presence, bestow upon written works an aura of elegance and sophistication. These typographical gems, like the first strokes of a painter's brush on a canvas, captivate the reader's eye and beckon them into the world of words. They lend an air of timeless charm and vintage allure, invoking the spirit of centuries past while infusing modern texts with an irresistible allure. Aesthetic enchantment aside, drop caps enhance readability by guiding the reader's gaze and ushering them gracefully into the heart of the narrative. In their embrace, we discover that the art of typography is not merely functional but a sublime marriage of form and function, enriching the written word with both visual splendor and literary resonance.

Drop Cap

Masonry Layout

It invites the beholder to embark on a journey, where each corner is a delightful turn in the path, revealing more of the captivating narrative, and leaving them utterly enchanted by the CMS's enchanting allure.

In the enchanting realm of CMS magic, bestow upon your images a delightful embrace of gentle curves and soft edges, as if the very corners themselves had blossomed into vibrant, rounded petals, lending a touch of elegance and charm to your digital tapestry.


CMS Image Radius

Aspect Ratio Image

Squircle

Ease In Out

Easing Gradient

1:58 AM

Clock

Text Encryption Effect

Click

Card Flip

Grid

Staggered Appear Animations

Click

Ripple Effect

Shuffle CMS Collection

Random CMS Item

Collection List

Random CMS Item

3D Hover

Scroll-to-Top Button

|

Typewriter

Building websites with Framer
How to add components to Framer sites
Dynamic Table of Contents component
Ultimate component library for designers

CMS Table of Contents

Image Zoom

Circular Layout

CMS Item Counter

5 CMS items

Collection List

CMS Item Counter

QR Code

0.00

Stopwatch

Link Embed

Over 50 powerful Framer components and overrides to upgrade your design workflow. Just copy and paste to add effects and interactions to your sites without writing any code.

Truncated Text

Justified text, like a meticulously manicured garden, presents itself with an exquisite symphony of alignment, where each word and sentence stands in perfect harmony, akin to a troupe of dancers moving gracefully in unison. This typographic artistry bestows upon the written word a sense of regal elegance, as if the text were donning a tailored suit or a bespoke gown. The lines stretch and contract, like a skilled acrobat performing daring feats on a tightrope, to ensure that the margins are impeccably straight, creating a visual tapestry of order and precision. Justified text, a testament to the craftsmanship of typography, transforms mere words into a captivating visual masterpiece, inviting readers to embark on a literary journey that is as visually pleasing as it is intellectually enriching.

Justified Text

4

IV

12

XII

56

LVI

Roman Numerals

Dark / Light Image

Pixelated Image

Flat Corners

03/25/24

ago

Relative Date Label

Auto Copyright Year

Rainbow Border

Animated Gradient Border

Follow Cursor

This text's highlight color is blue!

Text Highlight Color

Random Layer Selector

Payment Card Logos

Free

Negative Gap

3D Hover

Circular Progress Bar

Theme Toggle

Scroll-to-Top Button

Payment Logos

Free

Before & After Image Slider

|

Typewriter

NEW!

New Item Label

Scroll Progress Bar

Building websites with Framer
How to add components to Framer sites
Dynamic Table of Contents component
Ultimate component library for designers

CMS Table of Contents

Social Proof Avatars

CMS Previous / Next Page Button

Image Zoom

Rating

Progress Bar

Circular Layout

Animated Number Counter

Device Theme

Theme Switcher Dropdown

CMS Item Counter

5 CMS items

Collection List

CMS Item Counter

Red

Green

Pink

Orange

Blue

Purple

Yellow

Red

Red

Text Cycle

Open overlay with shortcut

K

Keyboard Shortcut

QR Code

https://www.framestack.co/

framestack.co

URL Label

month

1

days

22

hours

22

minute

1

seconds

3

Countdown finished!

Countdown

0.00

Stopwatch

OS Variants

𝕏 Share Button

Link Embed

Copy Image to Clipboard

Copy Image Button

Turn Camera On

Camera Video Feed

Over 50 powerful Framer components and overrides to upgrade your design workflow. Just copy and paste to add effects and interactions to your sites without writing any code.

Truncated Text

This text is visually balanced across multiple lines.

This text is visually balanced across multiple lines.

Balanced Text

Drop caps, with their graceful and ornate presence, bestow upon written works an aura of elegance and sophistication. These typographical gems, like the first strokes of a painter's brush on a canvas, captivate the reader's eye and beckon them into the world of words. They lend an air of timeless charm and vintage allure, invoking the spirit of centuries past while infusing modern texts with an irresistible allure. Aesthetic enchantment aside, drop caps enhance readability by guiding the reader's gaze and ushering them gracefully into the heart of the narrative. In their embrace, we discover that the art of typography is not merely functional but a sublime marriage of form and function, enriching the written word with both visual splendor and literary resonance.

Drop Cap

Justified text, like a meticulously manicured garden, presents itself with an exquisite symphony of alignment, where each word and sentence stands in perfect harmony, akin to a troupe of dancers moving gracefully in unison. This typographic artistry bestows upon the written word a sense of regal elegance, as if the text were donning a tailored suit or a bespoke gown. The lines stretch and contract, like a skilled acrobat performing daring feats on a tightrope, to ensure that the margins are impeccably straight, creating a visual tapestry of order and precision. Justified text, a testament to the craftsmanship of typography, transforms mere words into a captivating visual masterpiece, inviting readers to embark on a literary journey that is as visually pleasing as it is intellectually enriching.

Justified Text

Back

Back Button

Masonry Layout

4

IV

12

XII

56

LVI

Roman Numerals

3 minute read

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Odio ut enim blandit volutpat maecenas. Vestibulum lorem sed risus ultricies tristique. Morbi non arcu risus quis varius quam quisque id diam. Dignissim suspendisse in est ante in nibh mauris. Pulvinar pellentesque habitant morbi tristique senectus. Tortor dignissim convallis aenean et tortor at. Dictum varius duis at consectetur lorem donec. A pellentesque sit amet porttitor. Imperdiet sed euismod nisi porta lorem mollis aliquam ut.

Article Read Time

It invites the beholder to embark on a journey, where each corner is a delightful turn in the path, revealing more of the captivating narrative, and leaving them utterly enchanted by the CMS's enchanting allure.

In the enchanting realm of CMS magic, bestow upon your images a delightful embrace of gentle curves and soft edges, as if the very corners themselves had blossomed into vibrant, rounded petals, lending a touch of elegance and charm to your digital tapestry.


CMS Image Radius

Dark / Light Image

Dark / Light Variants

Aspect Ratio Image

Pixelated Image

Patterns

Squircle

Flat Corners

Inset Corners

Ease In Out

Easing Gradient

03/25/24

ago

Relative Date Label

Monday, 11/04/2024

Current Date Label

1:58 AM

Clock

Auto Copyright Year

Rotate Toward Cursor

Text Encryption Effect

Rainbow Border

Click for 🎉

Confetti

Click

Card Flip

Animated Gradient Border

Pulse

Grid

Staggered Appear Animations

Follow Cursor

Hue Cycle

Click

Ripple Effect

This text's highlight color is blue!

Text Highlight Color

Random Rotation

Shuffle CMS Collection

Random Layer Selector

Shuffle Stack & Grid

Random CMS Item

Collection List

Random CMS Item

Payment Card Logos

Free

3D Hover

Theme Toggle

Payment Logos

Free

|

Typewriter

Scroll Progress Bar

Social Proof Avatars

Image Zoom

Progress Bar

Animated Number Counter

CMS Item Counter

5 CMS items

Collection List

CMS Item Counter

Open overlay with shortcut

K

Keyboard Shortcut

https://www.framestack.co/

framestack.co

URL Label

0.00

Stopwatch

𝕏 Share Button

Copy Image to Clipboard

Copy Image Button

Over 50 powerful Framer components and overrides to upgrade your design workflow. Just copy and paste to add effects and interactions to your sites without writing any code.

Truncated Text

Drop caps, with their graceful and ornate presence, bestow upon written works an aura of elegance and sophistication. These typographical gems, like the first strokes of a painter's brush on a canvas, captivate the reader's eye and beckon them into the world of words. They lend an air of timeless charm and vintage allure, invoking the spirit of centuries past while infusing modern texts with an irresistible allure. Aesthetic enchantment aside, drop caps enhance readability by guiding the reader's gaze and ushering them gracefully into the heart of the narrative. In their embrace, we discover that the art of typography is not merely functional but a sublime marriage of form and function, enriching the written word with both visual splendor and literary resonance.

Drop Cap

Back

Back Button

4

IV

12

XII

56

LVI

Roman Numerals

It invites the beholder to embark on a journey, where each corner is a delightful turn in the path, revealing more of the captivating narrative, and leaving them utterly enchanted by the CMS's enchanting allure.

In the enchanting realm of CMS magic, bestow upon your images a delightful embrace of gentle curves and soft edges, as if the very corners themselves had blossomed into vibrant, rounded petals, lending a touch of elegance and charm to your digital tapestry.


CMS Image Radius

Dark / Light Variants

Pixelated Image

Squircle

Inset Corners

03/25/24

ago

Relative Date Label

1:58 AM

Clock

Rotate Toward Cursor

Rainbow Border

Click

Card Flip

Pulse

Follow Cursor

Click

Ripple Effect

Random Rotation

Random Layer Selector

Random CMS Item

Collection List

Random CMS Item

Negative Gap

Circular Progress Bar

Scroll-to-Top Button

Before & After Image Slider

NEW!

New Item Label

Building websites with Framer
How to add components to Framer sites
Dynamic Table of Contents component
Ultimate component library for designers

CMS Table of Contents

CMS Previous / Next Page Button

Rating

Circular Layout

Device Theme

Theme Switcher Dropdown

Red

Green

Pink

Orange

Blue

Purple

Yellow

Red

Red

Text Cycle

QR Code

month

1

days

22

hours

22

minute

1

seconds

3

Countdown finished!

Countdown

OS Variants

Link Embed

Turn Camera On

Camera Video Feed

This text is visually balanced across multiple lines.

This text is visually balanced across multiple lines.

Balanced Text

Justified text, like a meticulously manicured garden, presents itself with an exquisite symphony of alignment, where each word and sentence stands in perfect harmony, akin to a troupe of dancers moving gracefully in unison. This typographic artistry bestows upon the written word a sense of regal elegance, as if the text were donning a tailored suit or a bespoke gown. The lines stretch and contract, like a skilled acrobat performing daring feats on a tightrope, to ensure that the margins are impeccably straight, creating a visual tapestry of order and precision. Justified text, a testament to the craftsmanship of typography, transforms mere words into a captivating visual masterpiece, inviting readers to embark on a literary journey that is as visually pleasing as it is intellectually enriching.

Justified Text

Masonry Layout

3 minute read

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Odio ut enim blandit volutpat maecenas. Vestibulum lorem sed risus ultricies tristique. Morbi non arcu risus quis varius quam quisque id diam. Dignissim suspendisse in est ante in nibh mauris. Pulvinar pellentesque habitant morbi tristique senectus. Tortor dignissim convallis aenean et tortor at. Dictum varius duis at consectetur lorem donec. A pellentesque sit amet porttitor. Imperdiet sed euismod nisi porta lorem mollis aliquam ut.

Article Read Time

Dark / Light Image

Aspect Ratio Image

Patterns

Flat Corners

Ease In Out

Easing Gradient

Monday, 11/04/2024

Current Date Label

Auto Copyright Year

Text Encryption Effect

Click for 🎉

Confetti

Animated Gradient Border

Grid

Staggered Appear Animations

Hue Cycle

This text's highlight color is blue!

Text Highlight Color

Shuffle CMS Collection

Shuffle Stack & Grid

Testimonials

See what over 400 happy customers are saying.

Matt Theuma

Product designer at Unity

"I bought both because I loved the attention to detail and quality of both your components, so I wanted to support your work! They looked great by default!"

Theme Toggle, Before & After Image Slider • Jan 3, 2024

Matt Bailey

Founder of High Line Design

"Overall, great work and love the components you’ve built. I've used almost all of your components in different projects and they work amazing and haven’t had any issues or conflicts. Thanks for the amazing work!"

Framestack • Mar 29, 2024

Amihai Loven

Creative Threads

"Your template is a lifesaver for my long-term project. It’s finally taking shape, thanks to the clarity your design brings. Really looking forward to seeing it live and getting some eyes on it! Totally impressed by your responsiveness, and quality of service."

Documint • Dec 13, 2023

Frameplate

Framer template marketplace

"Don't miss out on this if you're building websites with Framer"

Framer Essentials • Jan 13, 2024

Vishal Sehgal

"Your generosity and support mean a lot to me, and I truly appreciate your willingness to make the template more accessible for my project. Your excellent customer service and consideration have not gone unnoticed. I have purchased it and I am excited to utilize the template, and your support has made a significant impact."

Documint • Feb 10, 2024

Matt Theuma

Product designer at Unity

"I bought both because I loved the attention to detail and quality of both your components, so I wanted to support your work! They looked great by default!"

Theme Toggle, Before & After Image Slider • Jan 3, 2024

Matt Bailey

Founder of High Line Design

"Overall, great work and love the components you’ve built. I've used almost all of your components in different projects and they work amazing and haven’t had any issues or conflicts. Thanks for the amazing work!"

Framestack • Mar 29, 2024

Amihai Loven

Creative Threads

"Your template is a lifesaver for my long-term project. It’s finally taking shape, thanks to the clarity your design brings. Really looking forward to seeing it live and getting some eyes on it! Totally impressed by your responsiveness, and quality of service."

Documint • Dec 13, 2023

Frameplate

Framer template marketplace

"Don't miss out on this if you're building websites with Framer"

Framer Essentials • Jan 13, 2024

Vishal Sehgal

"Your generosity and support mean a lot to me, and I truly appreciate your willingness to make the template more accessible for my project. Your excellent customer service and consideration have not gone unnoticed. I have purchased it and I am excited to utilize the template, and your support has made a significant impact."

Documint • Feb 10, 2024

Matt Theuma

Product designer at Unity

"I bought both because I loved the attention to detail and quality of both your components, so I wanted to support your work! They looked great by default!"

Theme Toggle, Before & After Image Slider • Jan 3, 2024

Matt Bailey

Founder of High Line Design

"Overall, great work and love the components you’ve built. I've used almost all of your components in different projects and they work amazing and haven’t had any issues or conflicts. Thanks for the amazing work!"

Framestack • Mar 29, 2024

Amihai Loven

Creative Threads

"Your template is a lifesaver for my long-term project. It’s finally taking shape, thanks to the clarity your design brings. Really looking forward to seeing it live and getting some eyes on it! Totally impressed by your responsiveness, and quality of service."

Documint • Dec 13, 2023

Frameplate

Framer template marketplace

"Don't miss out on this if you're building websites with Framer"

Framer Essentials • Jan 13, 2024

Vishal Sehgal

"Your generosity and support mean a lot to me, and I truly appreciate your willingness to make the template more accessible for my project. Your excellent customer service and consideration have not gone unnoticed. I have purchased it and I am excited to utilize the template, and your support has made a significant impact."

Documint • Feb 10, 2024

Pricing

Buy once, use forever.

Get lifetime access to use all components in unlimited websites.

Pro

$37

$49

For designers and businesses building websites with Framer.

Lifetime access to all components and overrides

Unlock 60+ components for your sites and keep them forever

Lifetime access to all components and overrides

Unlock 60+ components for your sites and keep them forever

Lifetime access to all components and overrides

Unlock 60+ components for your sites and keep them forever

Fully integrated with Framer

All components are designed specifically for use in Framer

Fully integrated with Framer

All components are designed specifically for use in Framer

Fully integrated with Framer

All components are designed specifically for use in Framer

Includes all future updates

Framestack gets updates weekly

Includes all future updates

Framestack gets updates weekly

Includes all future updates

Framestack gets updates weekly

No coding knowledge needed

We wrote the code so you don't have to

No coding knowledge needed

We wrote the code so you don't have to

No coding knowledge needed

We wrote the code so you don't have to

Source code access for all components

Need to make changes or read the code? No problem

Source code access for all components

Need to make changes or read the code? No problem

Source code access for all components

Need to make changes or read the code? No problem

Email support

Response within 24 hours

Email support

Response within 24 hours

Email support

Response within 24 hours

Commercial

$189

$249

For Framer template creators selling paid website templates.

Includes all features of Pro

Get access to all components

Allows redistribution of components in paid templates

Commercial license gives you the ability to include components from Framestack in your paid website templates

Commercial

$189

$249

For Framer template creators selling paid website templates.

Includes all features of Pro

Get access to all components

Allows redistribution of components in paid templates

Commercial license gives you the ability to include components from Framestack in your paid website templates

Commercial

$189

$249

For Framer template creators selling paid website templates.

Includes all features of Pro

Get access to all components

Allows redistribution of components in paid templates

Commercial license gives you the ability to include components from Framestack in your paid website templates

FAQs

Your questions, answered.

How do I use the components in Framer?

Press the copy button on a component and paste onto the canvas in a Framer project. The component will instantly be loaded into your project, where you can customize and edit it.

Do I need to know how to code?

Not at all! Every component on Framestack can be configured with no-code using the visual controls in the properties panel. All overrides in the library can be copied and pasted in without any code changes.

Is this a subscription or one-time purchase?

The Pro and Commercial licenses are one-time purchases. Once you have paid, you get permanent access to all current and future components and overrides added to the library without paying again.

Can I use the components to create sites for my clients?

Yes, you can use components from Framestack as part of websites created for your clients.

To use the components in Framer templates, you will need to purchase the commercial license.

For official license terms, read the License and Terms and Conditions.

Can I use the components in Framer templates?

You can use components from Framestack in paid Framer templates if you purchase the Commercial license.

Without a Commercial license, you may not redistribute any components, in templates or through any other method.

For official license terms, read the License and Terms and Conditions.

What is the refund policy?

You can request a refund within 7 days of purchase if you find that the product does not meet your needs.

How can I get support?

If you have a question, the best way to contact me is to send an email. You can find contact information on the Contact page.

If you prefer to use Twitter, you can also send a DM to @framestack_.

Can I edit the code?

Yes, you can view and edit the code for each code component. However, if you unlink the code component, you won't be able to receive new updates or bug fixes for that component unless you reimport it.

How do I use the components in Framer?

Press the copy button on a component and paste onto the canvas in a Framer project. The component will instantly be loaded into your project, where you can customize and edit it.

Do I need to know how to code?

Not at all! Every component on Framestack can be configured with no-code using the visual controls in the properties panel. All overrides in the library can be copied and pasted in without any code changes.

Is this a subscription or one-time purchase?

The Pro and Commercial licenses are one-time purchases. Once you have paid, you get permanent access to all current and future components and overrides added to the library without paying again.

Can I use the components to create sites for my clients?

Yes, you can use components from Framestack as part of websites created for your clients.

To use the components in Framer templates, you will need to purchase the commercial license.

For official license terms, read the License and Terms and Conditions.

Can I use the components in Framer templates?

You can use components from Framestack in paid Framer templates if you purchase the Commercial license.

Without a Commercial license, you may not redistribute any components, in templates or through any other method.

For official license terms, read the License and Terms and Conditions.

What is the refund policy?

You can request a refund within 7 days of purchase if you find that the product does not meet your needs.

How can I get support?

If you have a question, the best way to contact me is to send an email. You can find contact information on the Contact page.

If you prefer to use Twitter, you can also send a DM to @framestack_.

Can I edit the code?

Yes, you can view and edit the code for each code component. However, if you unlink the code component, you won't be able to receive new updates or bug fixes for that component unless you reimport it.

How do I use the components in Framer?

Press the copy button on a component and paste onto the canvas in a Framer project. The component will instantly be loaded into your project, where you can customize and edit it.

Do I need to know how to code?

Not at all! Every component on Framestack can be configured with no-code using the visual controls in the properties panel. All overrides in the library can be copied and pasted in without any code changes.

Is this a subscription or one-time purchase?

The Pro and Commercial licenses are one-time purchases. Once you have paid, you get permanent access to all current and future components and overrides added to the library without paying again.

Can I use the components to create sites for my clients?

Yes, you can use components from Framestack as part of websites created for your clients.

To use the components in Framer templates, you will need to purchase the commercial license.

For official license terms, read the License and Terms and Conditions.

Can I use the components in Framer templates?

You can use components from Framestack in paid Framer templates if you purchase the Commercial license.

Without a Commercial license, you may not redistribute any components, in templates or through any other method.

For official license terms, read the License and Terms and Conditions.

What is the refund policy?

You can request a refund within 7 days of purchase if you find that the product does not meet your needs.

How can I get support?

If you have a question, the best way to contact me is to send an email. You can find contact information on the Contact page.

If you prefer to use Twitter, you can also send a DM to @framestack_.

Can I edit the code?

Yes, you can view and edit the code for each code component. However, if you unlink the code component, you won't be able to receive new updates or bug fixes for that component unless you reimport it.