SegmentUI

Resources, UI Kits and Components for @framer & @figma. Always updating. Always evolving.

[SegmentUI @SegmentUI]

Another 1 👆

[Nabeel @itsnotnabeel]

Signature Input for @framer forms

A real canvas-based signature field, mouse + touch ready that you can drop into native Framer forms and submit as a base64 image.

Check It Out👇

[SegmentUI @SegmentUI]

Another one ☝️

[Nabeel @itsnotnabeel]

Introducing Rainbow Scroll Reveal for @framer !

Each letter flashes through a rainbow burst as you scroll before settling into its final color. Fully customizable colors, spread, easing, and scroll distance.

Check It Out👇

[SegmentUI @SegmentUI]

Another One ☝️

[Nabeel @itsnotnabeel]

Form Progress Bar for @framer

Form completion tracker that works natively with Framer's native forms.

Check It Out👇

[Nabeel @itsnotnabeel]

Introducing Agents for @framer !

Generate sections, spin up variations, improve copy, update CMS entries, create and update styles and code files, and offload the boring repetitive work, so you can spend more time actually designing.

Try it for free ↓

[SegmentUI @SegmentUI]

New week, new component!

[Nabeel @itsnotnabeel]

Thanos Snap Effect for @framer

Cycle through text strings with a particle disintegration effect just like the iconic Thanos dust snap with fully customizable vibration, particle spread, and entry/exit animations

Check It Out👇

[Ivo Ivanov @IvoUIflip]

@cedric_design @framer I'm usually starting with some existing foundations in place, that I modify, instead of building them from scratch
For @framer projects, so far the best that worked for me is @SegmentUI
For @figma projects, I'm usually starting with @shadcndesign or @PracticalUi

[SegmentUI @SegmentUI]

@IvoUIflip @cedric_design @framer @figma @shadcndesign @PracticalUi 💙

[SegmentUI @SegmentUI]

Form Tsunami Incoming!

[Nabeel @itsnotnabeel]

Starting a @framer form upgrade components storm coming few days. First one -

Country, Language, Timezone & Currency Form Selector. One input component with four searchable selector types that plugs straight into native Framer forms

Check It Out👇

[SegmentUI @SegmentUI]

@HakuliSabri Looks awesome!

[Sabri Hakuli @HakuliSabri]

Wanted this camera interaction for a while.
Thanks to @SegmentUI that shipped it

[SegmentUI @SegmentUI]

New week, new component

[Nabeel @itsnotnabeel]

Yoyo Speed Meter for @framer
Animated gauge with segmented bars or smooth arc style that fluctuates around target value for that live dashboard feel

[SegmentUI @SegmentUI]

Another 1

[Nabeel @itsnotnabeel]

Pin page lock for @framer

Lock any page behind a clean 6-digit passcode with optional "remember me" so returning visitors skip the gate. Just drag and drop this component to any page and preview 👇

[Nabeel @itsnotnabeel]

Tilt Holographic Card for @framer inspired by Remix Jam 2025

3D tilt + holographic reveal + Glow that follows your cursor for any object with a customizable holographic layer and tilting options. Check below 👇

[SegmentUI @SegmentUI]

@IvoUIflip @MichaelFilipiuk 🫶

[SegmentUI @SegmentUI]

New Year, New Components!

[Nabeel @itsnotnabeel]

Scramble Text Reveal for @framer

Letters start scattered and rotate into place as you scroll. Control the chaos with radius, rotation, and scroll distance settings. 👇

[SegmentUI @SegmentUI]

Even during the holidays?

[Nabeel @itsnotnabeel]

Introducing CMS Carousel for @framer !

Turn any CMS collection into a carousel with arrows, dots, and autoplay built right in

Check It Out👇

[Nabeel @itsnotnabeel]

Flip Scroll Ticker for @framer

Drag to scroll horizontally and watch items flip like real cards and show different content on front and back of each item with momentum scrolling. Check it out 👇

[SegmentUI @SegmentUI]

New Component Alert!

[Nabeel @itsnotnabeel]

Wisprflow inspired text path animation component for @framer !

Make text flow along a custom SVG path with custom animation settings and appearance.

Check it out 👇

[SegmentUI @SegmentUI]

New Drop!

[Nabeel @itsnotnabeel]

Curved 3D Ticker for @framer

Make items rotating on a curved path with adjustable curve and depth. Show back or front face or both

Check it out👇

[SegmentUI @SegmentUI]

New Drop!

[Nabeel @itsnotnabeel]

A simple jump text effect for @framer. Now live @segmentui !