Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

The open-source library of CSS motion effects, Kinetics, now contains 99 motion effects. You can copy CSS to the clipboard or the prompt so it's easy to replicate in your AI tool.

csaba_kissi's profile picture

Csaba Kissi

255,725 subscribers

105,818 görüntüleme • 1 ay önce •via X (Twitter)

Bilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

The open-source library of CSS text effects now contains 66 effects (+9 effects added). You can copy CSS to the clipboard or the AI prompt (ready for your AI tool).
0:30

The open-source library of CSS text effects now contains 66 effects (+9 effects added). You can copy CSS to the clipboard or the AI prompt (ready for your AI tool).

Csaba Kissi

24,172 görüntüleme • 1 ay önce

The Open-source library of motion effects, Kinetics, now has 135 effects. Three versions are available: CSS, React, and AI prompt
0:35

The Open-source library of motion effects, Kinetics, now has 135 effects. Three versions are available: CSS, React, and AI prompt

Csaba Kissi

32,457 görüntüleme • 1 ay önce

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

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

Csaba Kissi

28,747 görüntüleme • 1 ay önce

Open-source apps for coders - Open-source CSS/React motion effects with prompts - open-source secure local sharing/tunnels - modern interactive API docs - open-source, lightweight server monitoring - Lightweight Postgres running in WebAssembly.
0:55

Open-source apps for coders - Open-source CSS/React motion effects with prompts - open-source secure local sharing/tunnels - modern interactive API docs - open-source, lightweight server monitoring - Lightweight Postgres running in WebAssembly.

Csaba Kissi

22,514 görüntüleme • 1 ay önce

Open-source and free apps for coders - Open-source motion effects with AI prompts - Collect feature requests for your projects for free - Visually rich web experiments, UI effects, animation demos. - Open-source image compression and conversion in the browser. - Open-source email testing tool for local development.
0:36

Open-source and free apps for coders - Open-source motion effects with AI prompts - Collect feature requests for your projects for free - Visually rich web experiments, UI effects, animation demos. - Open-source image compression and conversion in the browser. - Open-source email testing tool for local development.

Csaba Kissi

14,243 görüntüleme • 28 gün önce

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

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,954 görüntüleme • 2 ay önce

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

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

13,536 görüntüleme • 1 ay önce

Introducing the open-source Next.js Audio Starter Kit Add Text to Speech, Speech to Text, Sound Effects and Conversational AI to your product in minutes. Built with: • ElevenLabs SDK • Next.js + shadcn/ui • Tailwind CSS v4 Repo link in the comments below:
1:01

Introducing the open-source Next.js Audio Starter Kit Add Text to Speech, Speech to Text, Sound Effects and Conversational AI to your product in minutes. Built with: • ElevenLabs SDK • Next.js + shadcn/ui • Tailwind CSS v4 Repo link in the comments below:

ElevenLabs Developers

145,836 görüntüleme • 1 yıl önce

Open-source and free apps for coders and makers - CSS Text effects with AI prompts - Open-source self-hosted dashboard for Amazon SES - Free directory of public APIs - Open-source security framework - UI library for building terminal user interfaces
0:35

Open-source and free apps for coders and makers - CSS Text effects with AI prompts - Open-source self-hosted dashboard for Amazon SES - Free directory of public APIs - Open-source security framework - UI library for building terminal user interfaces

Csaba Kissi

27,438 görüntüleme • 1 ay önce

I open-sourced ThreeUI, my library of three.js components and landing pages. 160+ are free, and the tool is free too. It includes procedural 3D hero sections, icons, and motion designs. Copy the prompt or source, give it to your agent, then change the theme, lighting, motion or layout. Live site: Repo: I'm adding a lot more soon. Pro comes with 50+ extra components, MCP, and skills. Early adopters get 50% off right now.
0:49

I open-sourced ThreeUI, my library of three.js components and landing pages. 160+ are free, and the tool is free too. It includes procedural 3D hero sections, icons, and motion designs. Copy the prompt or source, give it to your agent, then change the theme, lighting, motion or layout. Live site: Repo: I'm adding a lot more soon. Pro comes with 50+ extra components, MCP, and skills. Early adopters get 50% off right now.

Meng To

1,245,018 görüntüleme • 6 gün önce

You can make so many interesting patterns and effects using the 'replicate' effect in unicorn.studio. It's been my go-to lately.
0:21

You can make so many interesting patterns and effects using the 'replicate' effect in unicorn.studio. It's been my go-to lately.

Yianni

23,002 görüntüleme • 9 ay önce

Introducing Motion UI. White label, production-ready, performance-graded UI components for React. Ready to drop straight into your design via shadcn CLI and Tailwind CSS, or adapt via your agent with our one-click prompt generator or the Motion MCP.
0:25

Introducing Motion UI. White label, production-ready, performance-graded UI components for React. Ready to drop straight into your design via shadcn CLI and Tailwind CSS, or adapt via your agent with our one-click prompt generator or the Motion MCP.

Motion

174,184 görüntüleme • 1 ay önce

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.
0:33

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,922 görüntüleme • 1 yıl önce

We just launched AI Motion Graphics with Anthropic Think vibecoding for motion design. The cost of professional motion work just dropped to zero. All generated from a single prompt. Small teams can now produce the same quality as large agencies. No After Effects, no templates, no code — just describe what you want. Try it on
0:36

We just launched AI Motion Graphics with Anthropic Think vibecoding for motion design. The cost of professional motion work just dropped to zero. All generated from a single prompt. Small teams can now produce the same quality as large agencies. No After Effects, no templates, no code — just describe what you want. Try it on

Invideo

465,028 görüntüleme • 6 ay önce

figured out how to do motion blurs in the browser using svg filters and css
0:35

figured out how to do motion blurs in the browser using svg filters and css

ravarcheon

24,707 görüntüleme • 9 ay önce

THE FIRST EVER AI motion design tool with full real-time control. Higgsfield Vibe-Motion is LIVE. Motion Design was never that easy. One prompt creates any motion design you can imagine. Refine every parameter live on canvas. No creative limits.
0:37

THE FIRST EVER AI motion design tool with full real-time control. Higgsfield Vibe-Motion is LIVE. Motion Design was never that easy. One prompt creates any motion design you can imagine. Refine every parameter live on canvas. No creative limits.

Higgsfield AI 🧩

3,150,344 görüntüleme • 6 ay önce

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

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,170 görüntüleme • 3 yıl önce

Sonilo has released Sound Effects 1.0, a video-native audio model that can read on-screen motion, scene context, and timing. > It can make sound effects synced to the footage. > Video-to-Sound-Effects runs automatically without requiring a prompt. > Text-to-Sound-Effects is able to generate standalone assets from a written description.
1:09

Sonilo has released Sound Effects 1.0, a video-native audio model that can read on-screen motion, scene context, and timing. > It can make sound effects synced to the footage. > Video-to-Sound-Effects runs automatically without requiring a prompt. > Text-to-Sound-Effects is able to generate standalone assets from a written description.

🚨 AI News | TestingCatalog

15,523 görüntüleme • 1 ay önce

Next-level motion from @HeyGen_Official I got to play with the new AI Motion from HeyGen, and it blew my mind! You generate an image and describe the motion; then, you can generate long videos from that avatar. Sound effects included! 1. Tales from The Heartland
1:11

Next-level motion from @HeyGen_Official I got to play with the new AI Motion from HeyGen, and it blew my mind! You generate an image and describe the motion; then, you can generate long videos from that avatar. Sound effects included! 1. Tales from The Heartland

Alex Patrascu

57,728 görüntüleme • 1 yıl önce