正在加载视频...

视频加载失败

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

Oxygen is the builder for designers who code, and developers with taste • Clean HTML/CSS • Class‑based system • Full design control • Components • Dynamic data support • Developer focused

Oxygen

2,624 subscribers

640,284 次观看 • 11 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

UI Components Handbook Collection of popular user interface components with guides on how to use them, Figma design samples & code snippets (HTML/Tailwind CSS)

UI Components Handbook Collection of popular user interface components with guides on how to use them, Figma design samples & code snippets (HTML/Tailwind CSS)

Nick Babich

120,191 次观看 • 2 年前

Bruh... This SVG vector shapes collection is so fascinating 🔥 Find tons of beautiful abstract SVG shapes and instantly copy the code with one click. Perfect for designers and developers who want to make their interfaces feel more dynamic and visually rich :) Follow Ram Maheshwari for more 💎 #html #ai #javascript #coding #webdevelopment #programming

Bruh... This SVG vector shapes collection is so fascinating 🔥 Find tons of beautiful abstract SVG shapes and instantly copy the code with one click. Perfect for designers and developers who want to make their interfaces feel more dynamic and visually rich :) Follow Ram Maheshwari for more 💎 #html #ai #javascript #coding #webdevelopment #programming

Ram Maheshwari

13,696 次观看 • 1 个月前

🖤 UI-verse 👉 851 open-source UI elements for any project ◆ 100% free for personal or commercial use ◆ Made with HTML & CSS ◆ Created by a community of over 10,000 contributors #design #uxui #ui #html #css #uidesign #components

🖤 UI-verse 👉 851 open-source UI elements for any project ◆ 100% free for personal or commercial use ◆ Made with HTML & CSS ◆ Created by a community of over 10,000 contributors #design #uxui #ui #html #css #uidesign #components

Adham Dannaway

72,032 次观看 • 3 年前

Unfamiliar with CSS or HTML? Justin Chen shares a feature you have to try in Visual Studio Code, straight from #MSBuild. Microsoft Developer

Unfamiliar with CSS or HTML? Justin Chen shares a feature you have to try in Visual Studio Code, straight from #MSBuild. Microsoft Developer

Visual Studio Code

47,879 次观看 • 1 年前

Data is the new currency. Intelligence and knowledge BASED on that data will form an entirely new class system. And the ones who have and control the current currency, will have and control the next. Thats why all the data centers. But I’m just a conspiracy theorist.

Data is the new currency. Intelligence and knowledge BASED on that data will form an entirely new class system. And the ones who have and control the current currency, will have and control the next. Thats why all the data centers. But I’m just a conspiracy theorist.

Ian

16,335 次观看 • 9 天前

Our friends at Paper are changing design. They're betting on HTML and CSS. Teams, agents, code, and data live on a single design space built on web standards, so nothing gets lost in translation.

Our friends at Paper are changing design. They're betting on HTML and CSS. Teams, agents, code, and data live on a single design space built on web standards, so nothing gets lost in translation.

Resend

36,836 次观看 • 1 个月前

I found a Treasure for Figma Designers is a brand new figma design library with thousands of design components, templates and resources available to copy for free.

Your Designer

34,979 次观看 • 2 年前

SegmentUI design system & UI Kit for Framer is finally here! Copy paste 100+ responsive, dynamic, themed sections, components & overrides with just 2 clicks. →

SegmentUI design system & UI Kit for Framer is finally here! Copy paste 100+ responsive, dynamic, themed sections, components & overrides with just 2 clicks. →

Nabeel

34,476 次观看 • 2 年前

Struggling to make your UI stand out? CSSnippets – A collection of modern, reusable UI components! ✨Ready-to-use with HTML, CSS, React & Tailwind CSS ✨No frameworks, just pure CSS ✨Clean, minimal, and beautiful 🔗 Explore now: Save it for later! 🔖

Struggling to make your UI stand out? CSSnippets – A collection of modern, reusable UI components! ✨Ready-to-use with HTML, CSS, React & Tailwind CSS ✨No frameworks, just pure CSS ✨Clean, minimal, and beautiful 🔗 Explore now: Save it for later! 🔖

Shefali

22,953 次观看 • 1 年前

This is how a top designer uses Cursor to update design system components in Storybook Designers working on design systems should copy this AI workflow to reduce back and forth meetings with engineers 👀 Watch the full video on Sneak Peek: Elad Mizrahi shows how monday.com design team uses Cursor + Storybook to build their design system 👇

This is how a top designer uses Cursor to update design system components in Storybook Designers working on design systems should copy this AI workflow to reduce back and forth meetings with engineers 👀 Watch the full video on Sneak Peek: Elad Mizrahi shows how monday.com design team uses Cursor + Storybook to build their design system 👇

Jayneil Dalal

11,772 次观看 • 3 个月前

Do more with Dev Mode. This new plugin allows you to write and generate dynamic code snippets for your design system. Code Snippet Editor →

Do more with Dev Mode. This new plugin allows you to write and generate dynamic code snippets for your design system. Code Snippet Editor →

Figma

141,234 次观看 • 2 年前

My Figma to AI Code plugin is live Turn your designs into production-level code generated by Claude AI. Create React components, SwiftUI prototypes, HTML+CSS pages, Tailwind styles with custom prompts. Preview for responsiveness and export fully working code to Cursor and Xcode. It's free with your own API keys

My Figma to AI Code plugin is live Turn your designs into production-level code generated by Claude AI. Create React components, SwiftUI prototypes, HTML+CSS pages, Tailwind styles with custom prompts. Preview for responsiveness and export fully working code to Cursor and Xcode. It's free with your own API keys

Meng To

76,017 次观看 • 1 年前

Claude 3.7 Sonnet with Claude Code creates an entire "glass like" design system in one shot, with ALL the components. How insane is this?

Claude 3.7 Sonnet with Claude Code creates an entire "glass like" design system in one shot, with ALL the components. How insane is this?

Pietro Schirano

206,507 次观看 • 1 年前

This is how a designer at Southwest Airlines uses Figma Variables API to make design systems updates directly in code Every designer working on design systems should leverage this workflow to remove the dependency on engineering Another benefit of this workflow is that it gives full control of the design system to designers! Designers no longer have to worry about a developer misunderstanding and making a mistake 😅 👀 Watch the full interview on Figma's YouTube channel: Jenny Hou shows how she uses Figma Variables API at Southwest Airlines 👇

This is how a designer at Southwest Airlines uses Figma Variables API to make design systems updates directly in code Every designer working on design systems should leverage this workflow to remove the dependency on engineering Another benefit of this workflow is that it gives full control of the design system to designers! Designers no longer have to worry about a developer misunderstanding and making a mistake 😅 👀 Watch the full interview on Figma's YouTube channel: Jenny Hou shows how she uses Figma Variables API at Southwest Airlines 👇

Jayneil Dalal

32,437 次观看 • 11 个月前

The International Space Station’s life support system is a recycling machine! ♻️ Environmental Control and Life Support System (ECLSS) uses waste products to generate oxygen, recover water, and clean air on the International Space Station. Without ECLSS, long duration missions would not be possible.

The International Space Station’s life support system is a recycling machine! ♻️ Environmental Control and Life Support System (ECLSS) uses waste products to generate oxygen, recover water, and clean air on the International Space Station. Without ECLSS, long duration missions would not be possible.

NASA Science

141,713 次观看 • 2 年前

5 FREE Tools for Web Developers - Claude code alternative - Full-stack hosting and free static site - React hooks with examples – Create images of code snippets - CSS animation snippets

5 FREE Tools for Web Developers - Claude code alternative - Full-stack hosting and free static site - React hooks with examples – Create images of code snippets - CSS animation snippets

Csaba Kissi

12,519 次观看 • 11 个月前

🚀 Introducing Panda CSS The modern CSS-in-JS styling engine! Say goodbye to runtime CSS-in-JS 🎨💪✨ 🔸Works with Server Components 🔸Recipes, Variants, and Patterns 🔸Design Tokens Support Works in Next.js, Vue, Qwik, Solid, Astro, and more.

🚀 Introducing Panda CSS The modern CSS-in-JS styling engine! Say goodbye to runtime CSS-in-JS 🎨💪✨ 🔸Works with Server Components 🔸Recipes, Variants, and Patterns 🔸Design Tokens Support Works in Next.js, Vue, Qwik, Solid, Astro, and more.

Sage ⚡️

413,484 次观看 • 3 年前

Figma to AI back to Figma This is a great loop for design explorations and gain back full control of the results. You can ask Aura to create new components, icons, graphics and entire screens based on existing design systems. All fully layered, nested and based on your prompt.

Figma to AI back to Figma This is a great loop for design explorations and gain back full control of the results. You can ask Aura to create new components, icons, graphics and entire screens based on existing design systems. All fully layered, nested and based on your prompt.

Meng To

75,662 次观看 • 1 年前

1. Build complete websites / apps Here's the prompt I used: "Name Your Applet: Describe What Your App Does: You are an expert full-stack web developer specializing in JavaScript and CSS/HTML applet development and design. Your task is to develop expert-level code for this project. Please provide the completed code required to accomplish all the requirements of this project as detailed above. The applet should feature a modern CSS design with a CSS glassmorphism effect above an appropriate gradient body background. Use flex-direction: column unless your app needs a different layout. Include an h1 title tag above the app container. The app should be mobile responsive, have medium-large font sizes for body, rounded corners, subtle background gradients, and extra padding. The app should be centered on the page. Add a centered copyright ''©2025 {Applet Name}'' below the app container. Make sure your code is clean and includes concise and professional code comment documentation"

1. Build complete websites / apps Here's the prompt I used: "Name Your Applet: Describe What Your App Does: You are an expert full-stack web developer specializing in JavaScript and CSS/HTML applet development and design. Your task is to develop expert-level code for this project. Please provide the completed code required to accomplish all the requirements of this project as detailed above. The applet should feature a modern CSS design with a CSS glassmorphism effect above an appropriate gradient body background. Use flex-direction: column unless your app needs a different layout. Include an h1 title tag above the app container. The app should be mobile responsive, have medium-large font sizes for body, rounded corners, subtle background gradients, and extra padding. The app should be centered on the page. Add a centered copyright ''©2025 {Applet Name}'' below the app container. Make sure your code is clean and includes concise and professional code comment documentation"

God of Prompt

82,466 次观看 • 1 年前

Imagine being able to copy any website’s design in seconds 👀 Someone gave Claude Code this superpower: → Built an MCP that reads a site’s HTML/CSS → Pulls out the colors, fonts, layouts, and components → Recreates the UI so you can remix it Find a design you like. Grab the structure. Add your own style. Building clean UIs just got way easier 🚀 Follow Bethany Hyde for more AI & coding tips ⚡

Imagine being able to copy any website’s design in seconds 👀 Someone gave Claude Code this superpower: → Built an MCP that reads a site’s HTML/CSS → Pulls out the colors, fonts, layouts, and components → Recreates the UI so you can remix it Find a design you like. Grab the structure. Add your own style. Building clean UIs just got way easier 🚀 Follow Bethany Hyde for more AI & coding tips ⚡

Bethany Hyde

209,583 次观看 • 17 天前