https://www.julienthibeaut.xyz/blog/create-text-reveal-effect-with-tailwind-css

https://www.julienthibeaut.xyz/blog/create-shooting-star-border-tailwind-css

https://motion-primitives.com/docs/dialog

https://www.julienthibeaut.xyz/blog/create-animated-gradient-borders-with-css

https://www.julienthibeaut.xyz/lab/underlay-action-sheet

https://www.ibelick.com/lab/curved-tab-bar

https://www.ibelick.com/lab/subtle-3d-carousel

https://www.julienthibeaut.xyz/blog/create-infinite-slider-with-tailwind-css

https://www.julienthibeaut.xyz/lab/progressive-blur

https://www.julienthibeaut.xyz/blog/create-shine-effect-on-card-with-tailwind-css

https://www.julienthibeaut.xyz/blog/creating-metallic-effect-with-css

Lessons from my first month of blogging as a solo developer

https://www.julienthibeaut.xyz/blog/lessons-from-my-first-month-of-blogging-as-a-solo-developer

https://www.julienthibeaut.xyz/blog/create-gradient-shadows-tailwind-css

Ultimate list of curated design inspiration websites

julienthibeaut.xyz/blog/ultimate-list-of-curated-design-inspiration-websites

https://www.julienthibeaut.xyz/blog/build-animated-sliding-tab-bar-with-react-tailwind-css

motion-primitives.com/docs/animated-background

motion-primitives.com/docs/transition-panel

julienthibeaut.xyz/blog/create-spotlight-border-with-react-css

https://www.julienthibeaut.xyz/lab/fractal-glass

https://www.julienthibeaut.xyz/lab/vision-os-icon

https://www.ibelick.com/lab/3d-photo-carousel-2

https://www.julienthibeaut.xyz/blog/create-modern-spotlight-effect-with-react-css

https://www.julienthibeaut.xyz/blog/create-tilt-effect-with-react

I explored the build of this small text reveal animation for my last writing (react+tailwind css/vanilla css)

https://www.julienthibeaut.xyz/blog/create-text-reveal-effect-with-tailwind-css

New article! creating this trendy "shooting star" effect with Tailwind CSS and vanilla CSS: https://www.julienthibeaut.xyz/blog/create-shooting-star-border-tailwind-css

New Dialog component for motion-primitives.

https://motion-primitives.com/docs/dialog

A few days ago, I wrote about animated gradient borders in CSS, check it out: https://www.julienthibeaut.xyz/blog/create-animated-gradient-borders-with-css

Made this underlay action sheet with framer-motion

Code and demo here: https://www.julienthibeaut.xyz/lab/underlay-action-sheet

New Accordion component for motion-primitives.

motion-primitives.com/docs/accordion

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

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

Check out the code and demo
https://www.ibelick.com/lab/curved-tab-bar

Subtle 3D carousel

https://www.ibelick.com/lab/subtle-3d-carousel

Continuing my journey of writing about cool UI elements. This time, it's an infinite slider made entirely with Tailwind CSS. Check it out!

https://www.julienthibeaut.xyz/blog/create-infinite-slider-with-tailwind-css

Experimenting with progressive blur effects, made in CSS.

Code and playground: https://www.julienthibeaut.xyz/lab/progressive-blur

Just launched a collection of UI components and effects, crafted with React and Tailwind CSS.  

Built for my blog this month. Now, view and use them easily. Visit the component page, copy code, paste into your project. Simple as that 😁

https://ui.ibelick.com/

Still exploring UI effects: this time I'm focusing on a shine effect on a card using Tailwind CSS (and with vanilla CSS). Check out my latest article: https://www.julienthibeaut.xyz/blog/create-shine-effect-on-card-with-tailwind-css

made a metallic button today

and then I wrote a bit on how to create this kind of old-school effect https://www.julienthibeaut.xyz/blog/creating-metallic-effect-with-css

My last article is a reflection on my first month of blogging. I've learned a lot and wanted to share some insights. I'd love to hear your thoughts!

https://www.julienthibeaut.xyz/blog/lessons-from-my-first-month-of-blogging-as-a-solo-developer

experimenting again with UI details, this time it's all about gradient shadows. My latest guide showcases how to create this effect in both Tailwind and vanilla CSS. Explore now: https://www.julienthibeaut.xyz/blog/create-gradient-shadows-tailwind-css

I made a collection of Tailwind CSS buttons, it's free, easy to integrate with a simple copy-paste, no javascript.

This will be my evolving collection, I will add new styles and micro-interactions soon. Feel free to star the GitHub repo for updates 

https://buttons.ibelick.com/

Curated my ultimate list of design inspiration websites - a meta list of sites that list sites. Perfect for your next project inspiration julienthibeaut.xyz/blog/ultimate-list-of-curated-design-inspiration-websites

what are your go-to resources for web design inspiration?

animated sliding tab bar for my last article, built with React and Tailwind CSS

https://www.julienthibeaut.xyz/blog/build-animated-sliding-tab-bar-with-react-tailwind-css

This week, I will be releasing a new project: a free collection of modern background snippets. 

Simply copy and paste them into your project! 

All crafted with CSS and Tailwind CSS

3D photo carousel

ibelick.com/lab/3d-photo-carousel

Just added Animated background to motion-primitives!

Now in the documentation with examples.

motion-primitives.com/docs/animated-background

Introducing Motion-Primitives: a foundational library of motion components that you can easily integrate into your apps.

It's currently in early beta, expect significant updates and many more components soon!

motion-primitives.com

little timeline / progress indicator / navigation component

Little popover menu created with framer-motion, inspired by the Family app

Just added Transition Panel to motion-primitives

motion-primitives.com/docs/transition-panel

polaris buttons 

added to http://buttons.ibelick.com/

Popover slide selector

ibelick.com/lab/popover-sl…

Still experimenting with borders, I've crafted an interactive border spotlight effect using React and CSS! Check out here: julienthibeaut.xyz/blog/create-spotlight-border-with-react-css

just shipped a Lab section on 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 code

https://www.julienthibeaut.xyz/lab

New project: A curated collection of animations crafted for Tailwind CSS.

Simply copy/paste any animation you like, then add it directly into your Tailwind project.

I will add more animations soon!

https://animation.ibelick.com/

Gooey menu, made with SVG filters, linear() easing, and Tailwind CSS  

https://www.ibelick.com/lab/gooey-menu

New CSS exploration on my site: fractal glass.

You can find the code and an interactive playground here
https://www.julienthibeaut.xyz/lab/fractal-glass

My new tiny open-source project is out: a collection of modern background snippets. Copy/paste to integrate into your project.

For the moment, these are Tailwind CSS snippets. I will add Vanilla CSS 

https://bg.ibelick.com/

experiment of the day: I recreated the visionOS app icon for the web using framer motion.

https://www.julienthibeaut.xyz/lab/vision-os-icon

new carousel exploration

https://www.ibelick.com/lab/3d-photo-carousel-2

diving deeper into interactive effects with React and CSS, my latest article explores the craft of a spotlight effect. Discover more: https://www.julienthibeaut.xyz/blog/create-modern-spotlight-effect-with-react-css

Exploring tilt effects with React - no third-party libraries involved. Check out my latest article on the topic:

https://www.julienthibeaut.xyz/blog/create-tilt-effect-with-react

Feeling nostalgic, so I recreated the classic "Slide to Unlock" feature from early iOS.

Posts