Back
Figma Kit /
Sections
/
Blog
The Blog List and Detail Sections are designed to present blog content in an organized and reader-friendly manner. These sections cater to both listing multiple blog entries and displaying individual blog posts in detail.
Blog List Sections
Grid and List Layouts: The blog list sections offer both grid and list layouts to display blog posts. The grid layout is more compact and visually engaging, while the list layout provides more space for excerpts and additional details like author and date.
Visual Thumbnails: Each blog post in the list is accompanied by a visual thumbnail
Category and Tag Integration: Some layouts include categories or tags, helping users filter or identify posts related to specific topics.
Pagination and Load More Options: These features ensure that users can easily navigate through older posts without cluttering the page.
Blog Detail Sections
Content Structure
Table of Contents
Author and Metadata
Related Posts and CTAs
This is a part of SegmentUI Pro. SegmentUI Pro is a complete UI kit & component library for Figma & Framer
More Components
Components
Sections
A 360° Design Solution
Constantly updating, constantly evolving tools for Framer and Figma. Build more, design faster, sell more, charge more
For Framer
For Figma
Framer UI Kit & Design System
Custom Mask Reveal
New
Image Flicker Cursor
New
Show Form Inputs Conditionally
New
CMS Thumbnail Sideshow Gallery
New
CMS Realtime Sorting
New
Realtime CMS Multi Filter
New
CAPTCHA for Forms & Content
New
Professional Email Form Checker
New
Content Scheduling for Framer
New
Dynamic CMS Filtering
New
Form Maths
New
On Scroll Text Mask Reveal
New
Realtime Search for Framer CMS
Page Lock
New
CMS Image Array
New
Code Components & CMS Upgrades
Templates
Loved by Designers, Developers and Founders
See what our 3500+ customers have to say
Ajinkya Gajbhiye
@Ajinqya
Designer
"Amazing work Nabeel. This should be really helpful for people wanting to launch framer websites at speed."
Marc Andrew
@mrcndrw
Founder, Cabanna Design System
"This is a no-brainer. Nabeel is a master at his craft and someone who only builds products of extreme value to the end-user. 100% recommend."
Carlos G
@CarlosGeeronimo
Framer Designer
"Anyone who creates things with Framer should keep the SegmentUI kit in mind to improve their workflow!"
Breeje Anadkat
@BreejeAnadkat
Product Designer
"...Segment UI by @itsnotnabeel is one of the best ones out there"
Ghostncrypt G
@ghostncrypt
Designer
"…SegmentUI has been one of the best value purchases I have made this year by far, with constant updates and a wide selection to choose from. “
Adheeb
@AdheebHameed
Design Engineer
"…Once you see some results, do not shy away from putting back into the business, it'll give you a better ROI than probably anywhere else in the world. I got tools that sped up my design, like @itsnotnabeel segment…"
dudu
@Duduagency
Founder, ToolFolio
"@itsnotnabeel is adding Value to Segment UI Every. Single. Day. One of my favorite @framer Resources out there"
Danny Sapio
@Dannysapio
Founder, FramerOverrides, FramerAuth
"If you're a freelancer, agency, or just someone who makes a lot of Framer sites then this such a solid investment and time saver. Nabeel you crushed it on this one dude!"
Charles Brewer
@charlesbrewer
Designer
"Great job! This is super useful to the Framer community!..."
Anand Koonath
@anand_koonath
Developer
"Yoo, SegmentUI was one of the first sites I had used to learn Framer. Pumped to see you make a UI kit..."
Isaac
@ikereyes1984
Graphic Designer
"i bought this and it’s such a good deal with the pro package
you get like 4 or 5 free quality templates with it too
i’m pretty sure he’s still adding more components to it too which makes its easy for template building 👍🏻"
Unlock everything with a one time payment
For the fraction of your next project, you can boost your workflow by 10 folds
Pro
$99
One Time Payment
Full Access to the Figma UI Kit
Full Access to the Framer UI Kit
Full Access to the Framer Code Components & CMS Upgrades
Full Access to 4 Premium Framer Templates
StealthAI, BlockPool, DesignJungle, imagineAI worth $200+
Full Access to Framer Code Genie GPT
Request Components & Layouts
Get Updates Forever
Light, Dark & Dynamic Modes
Use for Unlimited Projects
Commercial License Only
Use for personal and client projects
Pro Creator
$199
One Time Payment
Everything in Pro
Template & Commercial License
Use UI Kit to create unlimited client projects and templates
Frequently Asked
For anything not covered here, mail us at hello@segmentui.com
General
What is SegmentUI?
Is it for Figma or Framer?
How do I access after purchasing?
License
Can I use it to create client projects?
Can I use it to create Framer templates?
Pricing
Is there a free version?
Do you have a student discount?
Can I buy components seperately?
Will I get future updates if I purchase now?
Is this a one time payment or a subscription?
What is the difference between Pro and Pro Creator Access?
Supercharge Your Design Workflow
1000+ variations of styles, components, interactions, layouts, transforms, code overrides, code components for Framer & Figma. Power Up Now!
Become an Affiliate
Earn 30% revenue share from every sale you bring in. No limits, no strings attached. Get Started Now.
Links
Latest Framer Releases
Freebie Library
Latest Templates
CMS Upgrades
Figma Sections
Figma Screens
Figma Components
Blog
A 360° Design Solution
Constantly updating, constantly evolving tools for Framer and Figma. Build more, design faster, sell more, charge more
For Framer
For Figma
Framer UI Kit & Design System
Custom Mask Reveal
New
Image Flicker Cursor
New
Show Form Inputs Conditionally
New
CMS Thumbnail Sideshow Gallery
New
CMS Realtime Sorting
New
Realtime CMS Multi Filter
New
CAPTCHA for Forms & Content
New
Professional Email Form Checker
New
Content Scheduling for Framer
New
Dynamic CMS Filtering
New
Form Maths
New
On Scroll Text Mask Reveal
New
Realtime Search for Framer CMS
Page Lock
New
CMS Image Array
New
Code Components & CMS Upgrades
Templates
Loved by Designers, Developers and Founders
See what our 3500+ customers have to say
Ajinkya Gajbhiye
@Ajinqya
Designer
"Amazing work Nabeel. This should be really helpful for people wanting to launch framer websites at speed."
Marc Andrew
@mrcndrw
Founder, Cabanna Design System
"This is a no-brainer. Nabeel is a master at his craft and someone who only builds products of extreme value to the end-user. 100% recommend."
Carlos G
@CarlosGeeronimo
Framer Designer
"Anyone who creates things with Framer should keep the SegmentUI kit in mind to improve their workflow!"
Breeje Anadkat
@BreejeAnadkat
Product Designer
"...Segment UI by @itsnotnabeel is one of the best ones out there"
Ghostncrypt G
@ghostncrypt
Designer
"…SegmentUI has been one of the best value purchases I have made this year by far, with constant updates and a wide selection to choose from. “
Adheeb
@AdheebHameed
Design Engineer
"…Once you see some results, do not shy away from putting back into the business, it'll give you a better ROI than probably anywhere else in the world. I got tools that sped up my design, like @itsnotnabeel segment…"
dudu
@Duduagency
Founder, ToolFolio
"@itsnotnabeel is adding Value to Segment UI Every. Single. Day. One of my favorite @framer Resources out there"
Danny Sapio
@Dannysapio
Founder, FramerOverrides, FramerAuth
"If you're a freelancer, agency, or just someone who makes a lot of Framer sites then this such a solid investment and time saver. Nabeel you crushed it on this one dude!"
Charles Brewer
@charlesbrewer
Designer
"Great job! This is super useful to the Framer community!..."
Anand Koonath
@anand_koonath
Developer
"Yoo, SegmentUI was one of the first sites I had used to learn Framer. Pumped to see you make a UI kit..."
Isaac
@ikereyes1984
Graphic Designer
"i bought this and it’s such a good deal with the pro package
you get like 4 or 5 free quality templates with it too
i’m pretty sure he’s still adding more components to it too which makes its easy for template building 👍🏻"
Unlock everything with a one time payment
For the fraction of your next project, you can boost your workflow by 10 folds
Pro
$99
One Time Payment
Full Access to the Figma UI Kit
Full Access to the Framer UI Kit
Full Access to the Framer Code Components & CMS Upgrades
Full Access to 4 Premium Framer Templates
StealthAI, BlockPool, DesignJungle, imagineAI worth $200+
Full Access to Framer Code Genie GPT
Request Components & Layouts
Get Updates Forever
Light, Dark & Dynamic Modes
Use for Unlimited Projects
Commercial License Only
Use for personal and client projects
Pro Creator
$199
One Time Payment
Everything in Pro
Template & Commercial License
Use UI Kit to create unlimited client projects and templates
Frequently Asked
For anything not covered here, mail us at hello@segmentui.com
General
What is SegmentUI?
Is it for Figma or Framer?
How do I access after purchasing?
License
Can I use it to create client projects?
Can I use it to create Framer templates?
Pricing
Is there a free version?
Do you have a student discount?
Can I buy components seperately?
Will I get future updates if I purchase now?
Is this a one time payment or a subscription?
What is the difference between Pro and Pro Creator Access?
Supercharge Your Design Workflow
1000+ variations of styles, components, interactions, layouts, transforms, code overrides, code components for Framer & Figma. Power Up Now!
Become an Affiliate
Earn 30% revenue share from every sale you bring in. No limits, no strings attached. Get Started Now.
Links
Latest Framer Releases
Freebie Library
Latest Templates
CMS Upgrades
Figma Sections
Figma Screens
Figma Components
Blog
A 360° Design Solution
Constantly updating, constantly evolving tools for Framer and Figma. Build more, design faster, sell more, charge more
For Framer
For Figma
Framer UI Kit & Design System
Custom Mask Reveal
New
Image Flicker Cursor
New
Show Form Inputs Conditionally
New
CMS Thumbnail Sideshow Gallery
New
CMS Realtime Sorting
New
Realtime CMS Multi Filter
New
CAPTCHA for Forms & Content
New
Professional Email Form Checker
New
Content Scheduling for Framer
New
Dynamic CMS Filtering
New
Form Maths
New
On Scroll Text Mask Reveal
New
Realtime Search for Framer CMS
Page Lock
New
CMS Image Array
New
Code Components & CMS Upgrades
Templates
Loved by Designers, Developers and Founders
See what our 3500+ customers have to say
Ajinkya Gajbhiye
@Ajinqya
Designer
"Amazing work Nabeel. This should be really helpful for people wanting to launch framer websites at speed."
Marc Andrew
@mrcndrw
Founder, Cabanna Design System
"This is a no-brainer. Nabeel is a master at his craft and someone who only builds products of extreme value to the end-user. 100% recommend."
Carlos G
@CarlosGeeronimo
Framer Designer
"Anyone who creates things with Framer should keep the SegmentUI kit in mind to improve their workflow!"
Breeje Anadkat
@BreejeAnadkat
Product Designer
"...Segment UI by @itsnotnabeel is one of the best ones out there"
Ghostncrypt G
@ghostncrypt
Designer
"…SegmentUI has been one of the best value purchases I have made this year by far, with constant updates and a wide selection to choose from. “
Adheeb
@AdheebHameed
Design Engineer
"…Once you see some results, do not shy away from putting back into the business, it'll give you a better ROI than probably anywhere else in the world. I got tools that sped up my design, like @itsnotnabeel segment…"
dudu
@Duduagency
Founder, ToolFolio
"@itsnotnabeel is adding Value to Segment UI Every. Single. Day. One of my favorite @framer Resources out there"
Danny Sapio
@Dannysapio
Founder, FramerOverrides, FramerAuth
"If you're a freelancer, agency, or just someone who makes a lot of Framer sites then this such a solid investment and time saver. Nabeel you crushed it on this one dude!"
Charles Brewer
@charlesbrewer
Designer
"Great job! This is super useful to the Framer community!..."
Anand Koonath
@anand_koonath
Developer
"Yoo, SegmentUI was one of the first sites I had used to learn Framer. Pumped to see you make a UI kit..."
Isaac
@ikereyes1984
Graphic Designer
"i bought this and it’s such a good deal with the pro package
you get like 4 or 5 free quality templates with it too
i’m pretty sure he’s still adding more components to it too which makes its easy for template building 👍🏻"
Unlock everything with a one time payment
For the fraction of your next project, you can boost your workflow by 10 folds
Pro
$99
One Time Payment
Full Access to the Figma UI Kit
Full Access to the Framer UI Kit
Full Access to the Framer Code Components & CMS Upgrades
Full Access to 4 Premium Framer Templates
StealthAI, BlockPool, DesignJungle, imagineAI worth $200+
Full Access to Framer Code Genie GPT
Request Components & Layouts
Get Updates Forever
Light, Dark & Dynamic Modes
Use for Unlimited Projects
Commercial License Only
Use for personal and client projects
Pro Creator
$199
One Time Payment
Everything in Pro
Template & Commercial License
Use UI Kit to create unlimited client projects and templates
Frequently Asked
For anything not covered here, mail us at hello@segmentui.com
General
What is SegmentUI?
Is it for Figma or Framer?
How do I access after purchasing?
License
Can I use it to create client projects?
Can I use it to create Framer templates?
Pricing
Is there a free version?
Do you have a student discount?
Can I buy components seperately?
Will I get future updates if I purchase now?
Is this a one time payment or a subscription?
What is the difference between Pro and Pro Creator Access?
Supercharge Your Design Workflow
1000+ variations of styles, components, interactions, layouts, transforms, code overrides, code components for Framer & Figma. Power Up Now!
Become an Affiliate
Earn 30% revenue share from every sale you bring in. No limits, no strings attached. Get Started Now.
Links
Latest Framer Releases
Freebie Library
Latest Templates
CMS Upgrades
Figma Sections
Figma Screens
Figma Components
Blog
