正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Here is the collection of 60 open-source animated CSS tooltips. Both the CSS version and the prompt for AI tools are available.

Csaba Kissi

255,311 subscribers

12,818 次观看 • 3 天前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

Open source library of motion effects - Kinetics now has 99 animations. - CSS + React version - Prompt version for your AI coding agent

Open source library of motion effects - Kinetics now has 99 animations. - CSS + React version - Prompt version for your AI coding agent

Csaba Kissi

27,241 次观看 • 4 天前

It's finally here! Untitled UI React is live ✨ Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS v4.1 and React Aria. Just copy, paste, and build. 👇

It's finally here! Untitled UI React is live ✨ Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS v4.1 and React Aria. Just copy, paste, and build. 👇

Jordan Hughes

243,934 次观看 • 11 个月前

Claude 3.7 Sonnet is insane... just one prompt, and you get these animated cards in HTML, JS, and CSS. You can try it for free in VSCode using the CodeGPT extension. Sharing the prompt in this thread 👇

Claude 3.7 Sonnet is insane... just one prompt, and you get these animated cards in HTML, JS, and CSS. You can try it for free in VSCode using the CodeGPT extension. Sharing the prompt in this thread 👇

Daniel San

117,693 次观看 • 1 年前

Must-know open-source tools for coders - terminal UIs in React - copy/paste CSS/React transitions - React funnel charts - Javascript/React animation library - open-source headless cms

Must-know open-source tools for coders - terminal UIs in React - copy/paste CSS/React transitions - React funnel charts - Javascript/React animation library - open-source headless cms

Csaba Kissi

85,048 次观看 • 18 天前

I did it! 100 Unique CSS Patterns 🤩 👉 👈 One of the biggest collection of CSS patterns ever! ✅ One-click to copy/paste ✅ One value to control the size ✅ Optimized with CSS variables Which one is your favorite? Tell me in the comments 👇 #CSS

I did it! 100 Unique CSS Patterns 🤩 👉 👈 One of the biggest collection of CSS patterns ever! ✅ One-click to copy/paste ✅ One value to control the size ✅ Optimized with CSS variables Which one is your favorite? Tell me in the comments 👇 #CSS

CSS by T. Afif

29,169 次观看 • 3 年前

Introducing Dotmatrix🗿 A collection of 55+ free and open-source dot-matrix loaders, built with React, TypeScript, Tailwind CSS, and shadcn. Install one, copy the code, and make it yours. Link: 👇🏼

Introducing Dotmatrix🗿 A collection of 55+ free and open-source dot-matrix loaders, built with React, TypeScript, Tailwind CSS, and shadcn. Install one, copy the code, and make it yours. Link: 👇🏼

shawn.

144,915 次观看 • 2 个月前

It’s here. Beautifully designed components built with Radix UI and Tailwind CSS. A collection of accessible and customizable components that you can copy and paste into your apps. Free. Open Source. And Next.js 13 Ready.

It’s here. Beautifully designed components built with Radix UI and Tailwind CSS. A collection of accessible and customizable components that you can copy and paste into your apps. Free. Open Source. And Next.js 13 Ready.

shadcn

667,043 次观看 • 3 年前

Learn CSS Grid Layout. Animated tutorial makes learning CSS easier.

Learn CSS Grid Layout. Animated tutorial makes learning CSS easier.

Alamin

136,213 次观看 • 3 年前

Must-know open-source tools for coders and developers - Open source CSS/React motion snippets with prompts - Largest UI Animation & Micro Interaction Library coverflow.ashishgogula.in- iOS-like Cover Flow for React. - Docker compose samples - Gradient buttons with hover effects

Must-know open-source tools for coders and developers - Open source CSS/React motion snippets with prompts - Largest UI Animation & Micro Interaction Library coverflow.ashishgogula.in- iOS-like Cover Flow for React. - Docker compose samples - Gradient buttons with hover effects

Csaba Kissi

32,085 次观看 • 11 天前

CSS Grid ( justify-content ) 🔥 ➼ The animated tutorial makes learning easier.

CSS Grid ( justify-content ) 🔥 ➼ The animated tutorial makes learning easier.

Alamin

46,145 次观看 • 3 年前

The Munchies starter by @tinloof is insanely fast! • Medusa 2.0 • Next.js 15 • Integrates with Sanity, Resend and Stripe • Themeable with css-variables All open source →

The Munchies starter by @tinloof is insanely fast! • Medusa 2.0 • Next.js 15 • Integrates with Sanity, Resend and Stripe • Themeable with css-variables All open source →

Sebastian Rindom

10,145 次观看 • 1 年前

New in Chrome DevTools: Gemini can modify and save CSS changes directly to your source! Tired of manually copying CSS changes from DevTools back to your editor? Gemini to the rescue! You can now ask Gemini in the AI Assistance panel to: ✨ Modify and fix CSS within the Elements panel. 🧪 Instantly test changes live. 💾 Save those changes back to your source files on your computer with a connected workspace folder. This is a game-changer for rapid iteration.

New in Chrome DevTools: Gemini can modify and save CSS changes directly to your source! Tired of manually copying CSS changes from DevTools back to your editor? Gemini to the rescue! You can now ask Gemini in the AI Assistance panel to: ✨ Modify and fix CSS within the Elements panel. 🧪 Instantly test changes live. 💾 Save those changes back to your source files on your computer with a connected workspace folder. This is a game-changer for rapid iteration.

Addy Osmani

36,910 次观看 • 1 年前

record. edit. share. @Cap is the open source loom alternative. free version available for macOS and Windows.

record. edit. share. @Cap is the open source loom alternative. free version available for macOS and Windows.

Richie

194,971 次观看 • 1 年前

We the People of Kenya are the Sovereign. The President, CSs and Parliamentarians are just but delegates at will.

We the People of Kenya are the Sovereign. The President, CSs and Parliamentarians are just but delegates at will.

Nelson Havi SC

153,361 次观看 • 1 年前

here’s CSS GUI ( by Components AI) using GPT-4 to create website markup from a prompt and then expose the styles to be edited generatively

here’s CSS GUI ( by Components AI) using GPT-4 to create website markup from a prompt and then expose the styles to be edited generatively

harley turan

17,328 次观看 • 3 年前

Unitree G1 Open Source Dataset In order to promote the development of the global embodied AI industry, the Unitree G1 robot operation data set is open sourced, adapted to a variety of open source solutions, and continuously updated: Open source data collection: Open source learning algorithms: Open source datasets and models: #AI #Teleoperation #OpenSourceDataset #Unitree #EmbodiedAI #Humanoid #DataCollection #AGI

Unitree G1 Open Source Dataset In order to promote the development of the global embodied AI industry, the Unitree G1 robot operation data set is open sourced, adapted to a variety of open source solutions, and continuously updated: Open source data collection: Open source learning algorithms: Open source datasets and models: #AI #Teleoperation #OpenSourceDataset #Unitree #EmbodiedAI #Humanoid #DataCollection #AGI

Unitree

148,860 次观看 • 1 年前

CSS Wrapped 2024 one stop shop for the Chrome #CSS features launched in 2024!

CSS Wrapped 2024 one stop shop for the Chrome #CSS features launched in 2024!

Adam Argyle

31,206 次观看 • 1 年前

Awesome sites and apps for coders and makers - 99 animated CSS loaders - Reproduce designs with ready-to-use prompts - Make react 70% faster - Open source, cross-platform, OpenGL terminal emulator - Programmatic video for coding agents

Awesome sites and apps for coders and makers - 99 animated CSS loaders - Reproduce designs with ready-to-use prompts - Make react 70% faster - Open source, cross-platform, OpenGL terminal emulator - Programmatic video for coding agents

Csaba Kissi

15,019 次观看 • 22 天前

Learn CSS Flexbox in One minute ( Save It) Animated tutorial makes learning CSS easier.

Learn CSS Flexbox in One minute ( Save It) Animated tutorial makes learning CSS easier.

Alamin

65,653 次观看 • 3 年前

Little CSS Christmas tree for the holidays 🎄 Powered by CSS custom properties 💪 ~100 lines of CSS The trick is in the animation-delay ✨ For example; <div class=🔴 style="--index: 2;"> .🔴 { animation-delay: calc(var(--index) * -0.2s); } CodePen.IO link below! 👇

Little CSS Christmas tree for the holidays 🎄 Powered by CSS custom properties 💪 ~100 lines of CSS The trick is in the animation-delay ✨ For example; <div class=🔴 style="--index: 2;"> .🔴 { animation-delay: calc(var(--index) * -0.2s); } CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

374,796 次观看 • 3 年前