Ibelick @Ibelick Twitter profile

Last Seen Profiles

@EpicGamesBR

@jogjabirahi01

@5d6BUft0x1SjJ6O

@perazna

@TheMistaGG

@BinorRaja

@lasbonitas_0121

@MineiroUaiRj

@KimheechulChile

@Wafa44326691

@BehriBrian

@LoyallyBear

@maigarde

@Rainsnowred

@stwmaniax

@thormaximalist

@aseela19771

@titsandbeerco

@SalmaSoom20111

@bokeplokalmalam

@1984_is_today

@lilithkis

@VideoIndoBokep1

@bitchboycwb

@aoimamade_

@Jarpansson1

@goldenroseceo

@CoachClintRider

@BinorRaja

@Victa001

@GeneralZahredin

@Pacebor1

@coolcars1900s

@isooyakim

@kevinjramsey

Ibelick

@Ibelick

1 year

just discovered that you can use `scrollbar-gutter: stable;` to prevent layout shifts when scrollbars appear

37

180

2K

Ibelick

@Ibelick

4 months

Introducing Motion-Primitives: a collection of reusable animated components built with Framer Motion and Tailwind CSS.

29

73

1K

Ibelick

@Ibelick

11 months

trying to reproduce this effect with css 😳

60fps

@60fpsdesign

11 months

Fractal glass in Figma! ✨🤌 rudio.98 Have you folks come across websites which have this effect?

10

168

2K

8

93

1K

Ibelick

@Ibelick

4 months

Input text morphing into a message

36

31

931

Ibelick

@Ibelick

9 months

its out! +50 Tailwind CSS buttons ready for use: free, no js, easy to integrate with a simple copy-paste This will be my evolving collection, I will add new styles and micro-interactions soon. Feel free to star the GitHub repo for updates

Ibelick

@Ibelick

9 months

Working on a Tailwind CSS button collection diverse styles, micro-interaction or not, I will try to provide a lots of choices Hope to share it this week!

19

20

332

46

75

805

Ibelick

@Ibelick

4 months

Exploring carousel indicators

18

25

622

Ibelick

@Ibelick

10 months

Let's push this trend in 2024

Arc

@arcinternet

10 months

𝑓𝑙𝑢𝑡𝑒𝑑 𝑔𝑙𝑎𝑠𝑠 textures for Arc Mobile? 🖌️🎨 by @karlamickens

171

175

5K

14

34

573

Ibelick

@Ibelick

6 months

Made a curved tab bar, inspired by the PlayStation mobile app

44

25

566

Ibelick

@Ibelick

5 months

another carousel exploration with CSS transform

15

22

559

Ibelick

@Ibelick

5 months

little timeline / progress indicator / navigation component

14

20

498

Ibelick

@Ibelick

7 months

Loved this effect, so I made it for the web with framer-motion

Jordan

@JordanAmblin

8 months

Underlay.

35

940

10

18

416

Ibelick

@Ibelick

4 months

Made in the browser with SVG filters, linear() easing function, and (Tailwind) CSS code and demo below

Play

@createwithplay

5 months

Check out this amazing blobs prototype made with Play by @azhassan_ using Blend Modes and Compositing. Tap this link with your iPhone to experience it. No need to create an account or download an app.

4

15

242

6

20

407

Ibelick

@Ibelick

7 days

Spinning Text is now available on motion-primitives

5

13

371

Ibelick

@Ibelick

3 months

New addition to motion-primitives: Animated background. Now available in the doc with examples

8

18

358

Ibelick

@Ibelick

5 months

Latest runs stack

11

12

336

Ibelick

@Ibelick

9 months

Working on a Tailwind CSS button collection diverse styles, micro-interaction or not, I will try to provide a lots of choices Hope to share it this week!

19

20

332

Ibelick

@Ibelick

3 months

Text Effect component now live on motion-primitives

9

335

Ibelick

@Ibelick

1 year

introduced a Lab section to my website. It's where I'll drop component ideas, play with UI, mostly built with React and Tailwind CSS, all open source, and easy copy/paste

10

29

310

Ibelick

@Ibelick

4 months

Swipeable stack cards created with framer-motion. It was not so much code, will share it later

21

11

317

Ibelick

@Ibelick

6 months

Found this 3D carousel really nice, I reproduced it with framer-motion and tailwind css

Janum Trivedi

@jmtrivedi

6 months

Made this subtle 3D photo carousel! Check out how the photos actually warp and “turn away” from the viewer as they scroll away. Some fun details on how it’s built below:

19

33

766

12

9

302

Ibelick

@Ibelick

3 months

Just added Transition Panel to motion-primitives

11

13

294

Ibelick

@Ibelick

6 months

lil popover menu (inspired by the Family app)

13

15

278

Ibelick

@Ibelick

11 months

exploring again with blur, this time trying to create a progressive blur effect with CSS

6

16

276

Ibelick

@Ibelick

1 month

Text effect component updated! Now you can add exit and per-line animations

10

252

Ibelick

@Ibelick

2 months

Just added In View component to motion-primitives. Easily trigger animations when elements are in the viewport

3

11

213

Ibelick

@Ibelick

3 months

Introducing the Cursor component to motion-primitives. It features optional spring animations and can be applied globally or attached to specific parent elements.

8

9

198

Ibelick

@Ibelick

11 months

reduced to one div 🤠 thanks to `repeating-linear-gradient()`

JohnPhamous

@JohnPhamous

11 months

@Ibelick that’s a lot of divs 😅

0

6

7

195

Ibelick

@Ibelick

15 days

Just added the classic Border Trail to motion-primitives. An animated border that adapts to any container, easy to stylize, update the transition, and more.

6

5

193

Ibelick

@Ibelick

2 months

Motion-Primitives hit 2k+ stars on GitHub in its first month. Thanks for all the support!

7

2

182

Ibelick

@Ibelick

10 days

Collection of components for motion-primitives is growing! Each one is customizable, comes with examples, and is built around framer motion. Excited for whats coming next! (tiny showcase, but there’s a lot more)

6

7

183

Ibelick

@Ibelick

1 month

I updated the Text Effect component on motion-primitives over the weekend! Added delay, trigger, and onAnimationComplete props for better control of your animations

1

8

174

Ibelick

@Ibelick

2 months

I'm back adding new components to motion-primitives! New one: Animated Group, easily animate lists, grids, and collections with presets or custom variants.

1

4

169

Ibelick

@Ibelick

1 year

Just launched a collection of UI components and effects, crafted with React and Tailwind CSS. I've built most of them for my blog over the last month. Now, you can easily view and use them. Visit the component page, copy the code, paste into your project. ↓

13

14

169

Ibelick

@Ibelick

1 month

Dock component now live on motion-primitives. Created by @aniketx27 , inspired by the magnified dock from @_buildui !

6

167

Ibelick

@Ibelick

6 months

quick demo of the "exploding menu" for the web

7

12

158

Ibelick

@Ibelick

3 months

New Accordion component for motion-primitives. Customizable with variants and transitions from Framer Motion

2

7

155

Ibelick

@Ibelick

4 months

I was inspired by Nitish's work for this one, a lil carousel with a rotation effect on enter/exit. Again, made with framer-motion, code and demo below

Nitish Khagwal

@nitishkmrk

5 months

subtle 3d card swipe interaction ⎯⟡°

30

42

808

3

9

146

Ibelick

@Ibelick

2 months

New addition to motion-primitives: Carousel. Built on top of Framer Motion, easily create custom swipeable carousels, with navigation and indicators

4

5

144

Ibelick

@Ibelick

19 days

Animated Scroll Progress now live on motion-primitives

4

12

141

Ibelick

@Ibelick

10 months

Trying to create a motion blur effect with CSS

2

5

134

Ibelick

@Ibelick

7 months

Enjoyed creating this little reveable carousel effect

8

5

121

Ibelick

@Ibelick

5 months

curved menu

6

1

117

Ibelick

@Ibelick

11 months

Here's the code and a playground for the fractal glass effect Also included is a commented code for a prod-friendly, single-div version. Feel free to take it, play around, and improve it! (if you prefer codepen I add a link below too)

Fractal glass

Glassmorphism with fractal patterns.

ibelick.com

Ibelick

@Ibelick

11 months

trying to reproduce this effect with css 😳

8

93

1K

6

10

117

Ibelick

@Ibelick

2 months

Just added Infinite Slider to motion-primitives. You can easily adjust the duration (including on hover) and switch between vertical or horizontal

4

118

Ibelick

@Ibelick

19 days

@kukaarmedin why are you asking $ for my free stuff? ("Navigation Indicator")

5

0

113

Ibelick

@Ibelick

6 months

Feeling nostalgic, so I brought back the old "Slide to Unlock" from early iOS

8

0

93

Ibelick

@Ibelick

3 months

New Dialog component for motion-primitives

3

4

92

Ibelick

@Ibelick

8 months

my buttons repo hit more than 300 stars in 3 weeks, thanks all! just added some polaris buttons, let's continue to grow the collection

5

2

84

Ibelick

@Ibelick

28 days

New Disclosure component for motion-primitives

4

2

84

Ibelick

@Ibelick

2 years

@djsnake Arrête de faire le boloss, c’est quoi ça?

Bon Pote

@BonPote

2 years

C’est dommage d’avoir effacé @djsnake ! Quand une personne vous interpelle sur le réchauffement climatique et que vous lui répondez ‘suck a dick’, vous considérez que le réchauffement climatique c’est que pour les autres ?

57

259

2K

0

77

Ibelick

@Ibelick

4 months

Started in my lab, now evolving into a dedicated project for low-level, real-world UI components. It's currently in early beta, so expect significant updates and more components soon. I'll share more here!

Motion-Primitives

Motion-Primitives, a collection of open-source, customizable motion components built with Framer Motion and Tailwind CSS. Perfect for enhancing your web projects with beautiful, smooth animations.

motion-primitives.com

1

5

77

Ibelick

@Ibelick

6 months

different point of view

Ibelick

@Ibelick

6 months

Found this 3D carousel really nice, I reproduced it with framer-motion and tailwind css

12

9

302

1

59

Ibelick

@Ibelick

9 months

Go grab more buttons! I've just added a bunch more buttons with micro-interactions to my collection

4

5

54

Ibelick

@Ibelick

9 months

happy to see this little project continuing to grow! I might add new backgrounds 👀

Miguel Ángel Durán

@midudev

10 months

Brutal colección de fondos modernos y sencillos. ¡Mejora tus diseños de webs y apps con esta página! Con botón para copiar y pegar: →

1

168

939

5

3

44

Ibelick

@Ibelick

9 months

cursor trail made with framer-motion

4

1

44

Ibelick

@Ibelick

8 months

I added some 2010s vibe buttons to my tailwind css button collections. Grab them for free in the repo!

2

0

35

Ibelick

@Ibelick

9 months

link:

Tailwind CSS button collection - Click-to-copy integration

Discover a collection of Tailwind CSS buttons designed to enhance your website's look. Easy to integrate with a copy-paste, no js.

buttons.ibelick.com

0

2

33

Ibelick

@Ibelick

7 months

Just ran my first marathon today, legs are smashed ☠️

4

0

33

Ibelick

@Ibelick

4 months

what if spotify web used framer motion and layout animations like Linear for their dialog before => after

Matt Perry

@mattgperry

4 months

New @linear site putting Framer Motion to work

8

2

171

2

0

31

Ibelick

@Ibelick

4 months

I'm open for freelancing projects. If you need help building with React/Next.js, Tailwind CSS, Framer Motion, my DMs and email are open 💌

0

4

29

Ibelick

@Ibelick

6 months

No framer-motion effect today, but I played around with the CSS animation-timeline. Building scroll animations is way easier with it. (it's not supported by all browsers yet)

1

0

28

Ibelick

@Ibelick

5 months

Popover slide selector

1

29

Ibelick

@Ibelick

7 months

the demo and code are here (might need a little cleanup) More UI stuff on the way soon 👀

Underlay Action Sheet

An underlay action sheet component made with Framer Motion and Tailwind CSS.

ibelick.com

1

29

Ibelick

@Ibelick

10 months

couldn't resist creating more glass effects

2

0

28

Ibelick

@Ibelick

1 year

New project out: A curated collection of animations crafted for Tailwind CSS. Want to use an animation? Go to the animation page, copy the code, paste into your project, and enjoy. More animations coming!

5

8

26

Ibelick

@Ibelick

1 year

New tiny open-source project out, a collection of modern background snippets. Copy/paste to integrate into your project. Built with Tailwind CSS. Vanilla CSS coming soon. Expect more background additions too!

1

7

26

Ibelick

@Ibelick

10 months

still experimenting

2

0

25

Ibelick

@Ibelick

1 year

Bored to use another new emoji as a logo for your new project? Just relaunched logoshaper - simpler and free. Choose from cool open-source shapes, make them your own, and save. I have more features ideas on the way ✨ #buildinpublic

1

3

21

Ibelick

@Ibelick

7 months

Thinking it’s time for my next, more ambitious, UI project 👀

5

0

22

Ibelick

@Ibelick

4 months

The demo and the code are available in my lab They're made using framer motion and layout animations. (if you like this kind of stuff, stay tuned for my next project!)

Input Morph Message

An input morph message component.

ibelick.com

0

1

23

Ibelick

@Ibelick

3 years

@vercel Excited to hear from @rauchg , @peduarte as it's so hard to build dropdown, @_dijonmusters for supabase, @coryetzkorn for Notion+Next.js, @taylor_atx because I need to learn more about PlanetScale, and I hope @dabit3 will talk about web3

1

2

23

Ibelick

@Ibelick

4 months

You can now grab the code and try the demo here

Swipeable Stack Cards

A swipeable stack cards component.

ibelick.com

1

23

Ibelick

@Ibelick

6 months

@PatrikarSanket demo and code are on my website

3D Photo Carousel

A 3D photo carousel component.

ibelick.com

0

23

Ibelick

@Ibelick

8 months

visionOS app icon for the web

2

1

22

Ibelick

@Ibelick

1 year

I have been exploring SVG animation today. The code got a bit messy but I kind of like the end result. I may use framer-motion for this kind of animations next time (better syntax, better performance and smoother result)

2

0

21

Ibelick

@Ibelick

1 year

Just built a free landing page roast tool. Simply take a screenshot, upload, and receive instant, actionable feedback. that easy. more soon 👀 #buildinpublic

3

2

20

Ibelick

@Ibelick

11 months

Magnetic tabs – code available in my lab

0

21

Ibelick

@Ibelick

3 years

@tezos @XTZNews yeah, we want to build on #tezos

0

3

19

Ibelick

@Ibelick

4 months

link:

Gooey Menu

A gooey menu component.

ibelick.com

0

1

20

Ibelick

@Ibelick

11 months

This site is so good, lots of great details. I've recreated the mouse-following caption effect using react and framer-motion. (Full code is on my website)

Stripe Press

@stripepress

11 months

“Spend each day trying to be a little wiser than you were when you woke up.” —Charlie Munger Poor Charlie’s Almanack is out today. You can read and listen to the new edition online, for free, at

57

414

2K

1

0

19

Ibelick

@Ibelick

11 months

@pedroapfilho sure, link with code too

Progressive Blur

A subtle, progressive blur effect.

ibelick.com

1

19

Ibelick

@Ibelick

1 year

Working on something new: a free collection of modern background snippets. Just copy and paste it into your project! Stay tuned for the release (this week I think🙃)

2

1

18

Ibelick

@Ibelick

4 months

new project drop incoming ⏱️

3

0

18

Ibelick

@Ibelick

1 year

Added a new Button Ripple Effect component to my Lab! Made with React and Tailwind CSS again

1

3

17

Ibelick

@Ibelick

9 months

here are some new ideas I have for free, easy-to-use, code-copy-paste projects: - buttons - loaders - colors - gradients - page transitions planning to ship one of these soon 👀

2

1

17

Ibelick

@Ibelick

1 year

Just discovered the customers page from @evervault . They use a spotlight effect with randomly generated text on hover for their customer cards - so good

0

17

Ibelick

@Ibelick

1 year

Spotlight effect showcased on a feature section, built with React and Tailwind CSS as always

0

14

Ibelick

@Ibelick

1 year

Need a logo? Introducing Logoshaper - our next-gen logo maker. The MVP is now live! Give it a try for free! We're on a mission to build something v cool, it's day one. #buildinpublic

3

4

15

Ibelick

@Ibelick

1 year

24 hours since our landing page went live we built a new kind of logo builder, one that focuses on great design #buildinpublic

5

2

15

Ibelick

@Ibelick

1 year

just added some more animations to my curation

1

0

14

Ibelick

@Ibelick

19 days

@theMosaad @kukaarmedin copy paste cost

1

0

14

Ibelick

@Ibelick

1 year

take the feedback and go back to building: the future UI to preview your logo #buildinpublic

2

13

Ibelick

@Ibelick

3 months

link:

Animated background - Motion-Primitives

Visually highlights selected items by sliding a background into view when hovered over or clicked. This smooth transition helps users focus on the active item, making it ideal for interactive lists,...

motion-primitives.com

0

13

Ibelick

@Ibelick

1 year

@delba_oliveira super cool, what tool did you use to create the video?

1

0

Ibelick

@Ibelick

8 months

@shadcn I just added this one to a project today

shadcn/ui expansions

shadcn/ui expansions collect lots of useful components which shadcn/ui does not have out of box. All the components are base on shadcn/ui. Just copy and paste. The component is yours.

shadcnui-expansions.typeart.cc

0

11

Ibelick

@Ibelick

4 months

I published the the code and the demo on my site

Label Indicator Carousel

A label indicator carousel component.

ibelick.com

0

12

Ibelick

@Ibelick

1 year

button 🤓

0

1

10

Ibelick

@Ibelick

1 year

Save hours off designing beautiful websites. I've crafted +40 easy-to-use React components. Just copy, paste, and watch your project transform. Pre-order link below ↓ @_buildspace @_nightsweekends

6

0

11

Ibelick

@Ibelick

1 year

started to play with gpt-4 vision API

0

11

Ibelick

@Ibelick

3 years

super grateful to have won the Hello NFT World Hackathon with ✨ With @0xSmoogy , we built newfrenz in a few days, I focused on the front-end and smart contract. what's newfrenz?

1

3

11