Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

My SVG icons won't be boring anymore 🤯 → Microanimations → Ready-to-copy components → CSS and Tailwind supported So simple, so impressive 🔥 #buildinpublic

bzagrodzki's profile picture

Bart ⚡

4,858 subscribers

132,998 Aufrufe • vor 1 Jahr •via X (Twitter)

Wissenschaft & TechnologieKunst#buildinpublic
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

I’m creating a playground of CSS easing functions 🌟 Each animation will include an SVG preview, along with a ready-to-copy Tailwind CSS class. Launching next week 🔥
0:12

I’m creating a playground of CSS easing functions 🌟 Each animation will include an SVG preview, along with a ready-to-copy Tailwind CSS class. Launching next week 🔥

Pasquale Vitiello

35,479 Aufrufe • vor 1 Jahr

5 sites for web developers - React CSS components - Full-stack app hosting (JavaScript, PHP, Python...) - Tailwind CSS library - SVG logos - Typescript UI
0:12

5 sites for web developers - React CSS components - Full-stack app hosting (JavaScript, PHP, Python...) - Tailwind CSS library - SVG logos - Typescript UI

Csaba Kissi

31,129 Aufrufe • vor 8 Monaten

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
0:13

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

131,343 Aufrufe • vor 2 Jahren

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

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

Ibelick

88,945 Aufrufe • vor 2 Jahren

A list (with code) of cool framer-motion and Tailwind CSS components from around the internet ✨ 1️⃣ Tooltip A simple and elegant tooltip component that follows the mouse pointer
0:11

A list (with code) of cool framer-motion and Tailwind CSS components from around the internet ✨ 1️⃣ Tooltip A simple and elegant tooltip component that follows the mouse pointer

Aceternity

43,391 Aufrufe • vor 2 Jahren

Did you know that you can ask #ChatGPT to generate an SVG icon and copy and paste it to Figma 🤯🤯🤯 #design #figma
0:17

Did you know that you can ask #ChatGPT to generate an SVG icon and copy and paste it to Figma 🤯🤯🤯 #design #figma

Farid Sabitov

219,844 Aufrufe • vor 3 Jahren

✨ Introducing Magic UI 🪄 A UI library of animated components to build beautiful landing pages. Built using React, Tailwind CSS and Framer motion. 100% Free and Open Source.
0:17

✨ Introducing Magic UI 🪄 A UI library of animated components to build beautiful landing pages. Built using React, Tailwind CSS and Framer motion. 100% Free and Open Source.

Dillion

324,699 Aufrufe • vor 2 Jahren

Tailwind CSS Tip ✨ You can create some cool looking loaders and spinners using Tailwind CSS. Thanks to Tailscan for Tailwind CSS for the inspiration. Demo & Code 👇 (14/30) follow for 16 more tips 🔔
0:11

Tailwind CSS Tip ✨ You can create some cool looking loaders and spinners using Tailwind CSS. Thanks to Tailscan for Tailwind CSS for the inspiration. Demo & Code 👇 (14/30) follow for 16 more tips 🔔

Surjith S M ✪

140,209 Aufrufe • vor 3 Jahren

5 Sites Every Web Developer Needs to Know - Learn React by doing projects - Claude code alternative - Full-stack hosting for Python, JavaScript, PHP, Go... - Free Tailwind CSS components – Visual CSS animation generator
0:11

5 Sites Every Web Developer Needs to Know - Learn React by doing projects - Claude code alternative - Full-stack hosting for Python, JavaScript, PHP, Go... - Free Tailwind CSS components – Visual CSS animation generator

Csaba Kissi

24,727 Aufrufe • vor 10 Monaten

Landing page for an AI-powered health-tech startup. Copy + Design + Development. Stack: Next.js, Tailwind CSS, Shadcn, Vercel.
0:19

Landing page for an AI-powered health-tech startup. Copy + Design + Development. Stack: Next.js, Tailwind CSS, Shadcn, Vercel.

Namya @ Supafast

175,214 Aufrufe • vor 2 Jahren

Working on a little tool that converts Tailwind Plus components to dark mode with Claude. There are like 600 components, so hopefully this'll speed things up a bit.
0:18

Working on a little tool that converts Tailwind Plus components to dark mode with Claude. There are like 600 components, so hopefully this'll speed things up a bit.

Dan Hollick

37,755 Aufrufe • vor 1 Jahr

By combining the SVG bloom filter I made with CSS animations, I can create this glowing effect with pure CSS! The web platform has so much to uncover 👀✨
0:14

By combining the SVG bloom filter I made with CSS animations, I can create this glowing effect with pure CSS! The web platform has so much to uncover 👀✨

Kevin Grajeda

29,161 Aufrufe • vor 1 Jahr

if you need some free and open source tailwind css blocks, you can use You'll find free Tailwind CSS & shadcn blocks Enjoy.
0:10

if you need some free and open source tailwind css blocks, you can use You'll find free Tailwind CSS & shadcn blocks Enjoy.

Duncan

54,020 Aufrufe • vor 7 Monaten

✨ Introducing Portfolio A simple template to build a minimal personal site + dev blog Built using React, Tailwind CSS, shadcn and Magic UI 100% Free and Open Source.
0:10

✨ Introducing Portfolio A simple template to build a minimal personal site + dev blog Built using React, Tailwind CSS, shadcn and Magic UI 100% Free and Open Source.

Dillion

89,955 Aufrufe • vor 2 Jahren

Brought back the ability to copy colors from the Tailwind docs — regular click will copy the OKLCH value, shift+click will copy the nearest hex value 👍🏻 Useful for Figma and stuff, or to just steal our colors and use them with some other CSS framework you hate less.
0:14

Brought back the ability to copy colors from the Tailwind docs — regular click will copy the OKLCH value, shift+click will copy the nearest hex value 👍🏻 Useful for Figma and stuff, or to just steal our colors and use them with some other CSS framework you hate less.

Adam Wathan

44,351 Aufrufe • vor 1 Jahr

Even big kids can play this, right? So their Mondays won't be boring, lol 😂
0:12

Even big kids can play this, right? So their Mondays won't be boring, lol 😂

Lala

847,778 Aufrufe • vor 8 Monaten

¡Herramienta imprescindible para programadores! Transforma código entre diferentes formatos SVG ▶ ︎Componente de React JSON ▶ Tipos de TypeScript CSS ▶ Tailwind ...y muchas más! → transform․tools
0:14

¡Herramienta imprescindible para programadores! Transforma código entre diferentes formatos SVG ▶ ︎Componente de React JSON ▶ Tipos de TypeScript CSS ▶ Tailwind ...y muchas más! → transform․tools

Miguel Ángel Durán

33,309 Aufrufe • vor 1 Jahr