正在加载视频...

视频加载失败

返回首页

🎉 Just released RampenSau v1.0.0 on npm and GitHub! 🎢🐷 After some Easter weekend coding, the color palette generation library is now stable with improved docs and APIs. Generate beautiful color ramps for your data viz, design work, or generative art!

meodai's profile picture

David Aerne

10,626 subscribers

20,611 次观看 • 1 年前 •via X (Twitter)

艺术科学技术教育
LIVE

Anya Rossi• Live Now

Private livecam show

16 条评论

David Aerne 的头像
David Aerne1 年前

🔗

Manticore Search 的头像
Manticore Search1 年前

🚀 Star Manticore Search on #GitHub today and join our quest for the ultimate search solution!

Yogini Bende 的头像
Yogini Bende1 年前

This looks super cool, David! Consider launching this on Peerlist Launchpad!

teto 的头像
teto1 年前

fantastic color palette generation tool, best i ever played with congrats

David Aerne 的头像
David Aerne1 年前

Happy you like it! It’s definitely the simplest one I made

Ajm Ø,G 的头像
Ajm Ø,G1 年前

RampenSau? Love the name! Hope it doesn't make my color palettes go hog wild. 🐷🎨

Silicon Jungle 的头像
Silicon Jungle1 年前

looks great David!

David Aerne 的头像
David Aerne1 年前

🥰🎨

Rony Sheik (꧁IP꧂) 的头像
Rony Sheik (꧁IP꧂)1 年前

🎨🐷 Finally, a way to make my designs as colorful as my weekend coding chaos! Let's ramp it up!

A-Mashiro 的头像
A-Mashiro1 年前

Great work, David! 🙌✨

David Aerne 的头像
David Aerne1 年前

🙏

I'm glad it was so difficult 的头像
I'm glad it was so difficult1 年前

I've ALWAYS wanted to try to fix these kinds of palettes by normalizing the stops such that the perceptual color distance was equalized since that always skews the perception of the underlying data.

David Aerne 的头像
David Aerne1 年前

Yes that would be one of the next steps. But choosing a perceptual color space as an output helps already.

I'm glad it was so difficult 的头像
I'm glad it was so difficult1 年前

a post from earlier today, I'm pretty evangelistic on OKLab and its derived spaces:

David Aerne 的头像
David Aerne1 年前

Good! The lib has a oklch and lch mode

Elmo 的头像
Elmo1 年前

🔥

相关视频

You can now generate Themes/Design Systems directly from your Figma import or any link. Simply paste the link and MagicPath will extract color palette, typography, and effects so you can use them to generate or edit your designs.
1:11

You can now generate Themes/Design Systems directly from your Figma import or any link. Simply paste the link and MagicPath will extract color palette, typography, and effects so you can use them to generate or edit your designs.

Pietro Schirano

41,940 次观看 • 5 个月前

Say hello to Colors 🔥 Generate AI images with your own color palettes Pick your HEX codes or use a pre-made color palette, and get results that match your projects No more off-brand images, just the shades you actually want
0:37

Say hello to Colors 🔥 Generate AI images with your own color palettes Pick your HEX codes or use a pre-made color palette, and get results that match your projects No more off-brand images, just the shades you actually want

Magnific (formerly Freepik)

42,038 次观看 • 1 年前

🎨 Steal the palette of the masters and wear your favorite masterpieces. With Wan2.7-Image’s new Palette feature, you can instantly decode the color DNA of iconic art and stunning landscapes, applying them directly to your design sketches.
0:56

🎨 Steal the palette of the masters and wear your favorite masterpieces. With Wan2.7-Image’s new Palette feature, you can instantly decode the color DNA of iconic art and stunning landscapes, applying them directly to your design sketches.

Wan

538,681 次观看 • 1 个月前

Uniform supports a global color palette that can be referenced in fill layers. This is useful for color adjustments and creating asset variations. The color palette can be edited from a single place and all textures and painted vertex data update accordingly.
0:36

Uniform supports a global color palette that can be referenced in fill layers. This is useful for color adjustments and creating asset variations. The color palette can be edited from a single place and all textures and painted vertex data update accordingly.

Sparseal

55,902 次观看 • 2 年前

Working on color generator feature for design system Figma plugin, that creates all color shades based on a base color you pick or given hex. Different algorithms to generate more harmonious or complementary colors for your next design system project. Soon…
0:32

Working on color generator feature for design system Figma plugin, that creates all color shades based on a base color you pick or given hex. Different algorithms to generate more harmonious or complementary colors for your next design system project. Soon…

vijay verma

10,196 次观看 • 1 年前

Beautiful color work of art..the beauty of color becomes something different
0:37

Beautiful color work of art..the beauty of color becomes something different

HanaSella

19,859 次观看 • 9 个月前

Announcing Radix Themes 3.0 and a custom color palette generator 🎉 In this release: • New layout engine • 11 new components • Zero config setup with Astro and Remix • New docs with guidance on layout and styling
0:21

Announcing Radix Themes 3.0 and a custom color palette generator 🎉 In this release: • New layout engine • 11 new components • Zero config setup with Astro and Remix • New docs with guidance on layout and styling

Radix by WorkOS

141,287 次观看 • 2 年前

Took 4 attempts to get a color palette I liked for this one You can just erase your work and start over
0:30

Took 4 attempts to get a color palette I liked for this one You can just erase your work and start over

Noah Bradley

72,457 次观看 • 6 个月前

Slither🐍 is now live! 🎉 Slither is built with Roblox-TS & React and designed around #catppuccin 's beautiful color palette 🌈 I'd love to hear your suggestions and polish Slither even further 🪄 Play here → #Roblox #RobloxDev
1:27

Slither🐍 is now live! 🎉 Slither is built with Roblox-TS & React and designed around #catppuccin 's beautiful color palette 🌈 I'd love to hear your suggestions and polish Slither even further 🪄 Play here → #Roblox #RobloxDev

littensy

37,698 次观看 • 2 年前

v0 Design Systems 2.0 is here. Import your design system from GitHub, npm, Storybook, Figma, and more. Build with your real components, colors, fonts, and patterns.
3:01

v0 Design Systems 2.0 is here. Import your design system from GitHub, npm, Storybook, Figma, and more. Build with your real components, colors, fonts, and patterns.

v0

209,526 次观看 • 15 天前

✨ Start with AI—design your portfolio, startup landing page, or book club site with ease. Choose from infinite color palettes and typeface combos. Customizing is a breeze with AI-generated copy and color shuffling. Your imagination is the limit.
1:25

✨ Start with AI—design your portfolio, startup landing page, or book club site with ease. Choose from infinite color palettes and typeface combos. Customizing is a breeze with AI-generated copy and color shuffling. Your imagination is the limit.

Framer

527,884 次观看 • 3 年前

We’re at the point with AI + coding where you can just give the AI a URL to some docs and it will learn the library. Insane.
3:20

We’re at the point with AI + coding where you can just give the AI a URL to some docs and it will learn the library. Insane.

Mckay Wrigley

1,366,964 次观看 • 2 年前

The easiest way to create generative art on Bitcoin. Choose a library (p5.js, Three.js), paste your code, preview it live, then download. The file is complete. Just inscribe it with any service and you’re on Bitcoin. The OnChainMonkey® OCM Dimensions GitHub was just updated with this in-browser feature:
1:20

The easiest way to create generative art on Bitcoin. Choose a library (p5.js, Three.js), paste your code, preview it live, then download. The file is complete. Just inscribe it with any service and you’re on Bitcoin. The OnChainMonkey® OCM Dimensions GitHub was just updated with this in-browser feature:

danny huuep

69,158 次观看 • 5 个月前

I work with shadcn/ui every day. I design with it, I build with it, and I see a lot of projects built with it. And honestly? Many of them look the same. Or worse - they look broken. Colors that clash. Fonts that don't pair. Dark modes that feel like an afterthought. The components themselves are great. The theming that people or AI make? Not so much. So I built a tool to fix that. I just launched my shadcn theme generator that will allow you to ship beautiful shadcn/ui themes in just 3-4 clicks. What it does: - Creates your entire color palette from 1 color (your hex or any tailwind color) - Works for light and dark theme - Only includes fonts that actually look good in UI - Font pairings I curated myself - Works for any project - landing page, dashboard, store - Has a color contast checker for the entire palette Too lazy? Just use random theme feature Done? Copy and paste the CSS to your global.css file or import to our Figma kit.
1:15

I work with shadcn/ui every day. I design with it, I build with it, and I see a lot of projects built with it. And honestly? Many of them look the same. Or worse - they look broken. Colors that clash. Fonts that don't pair. Dark modes that feel like an afterthought. The components themselves are great. The theming that people or AI make? Not so much. So I built a tool to fix that. I just launched my shadcn theme generator that will allow you to ship beautiful shadcn/ui themes in just 3-4 clicks. What it does: - Creates your entire color palette from 1 color (your hex or any tailwind color) - Works for light and dark theme - Only includes fonts that actually look good in UI - Font pairings I curated myself - Works for any project - landing page, dashboard, store - Has a color contast checker for the entire palette Too lazy? Just use random theme feature Done? Copy and paste the CSS to your global.css file or import to our Figma kit.

Matt

77,738 次观看 • 4 个月前

For your kids’ bedroom. Bring us your own design or Color and we will do it for you.
1:15

For your kids’ bedroom. Bring us your own design or Color and we will do it for you.

Morara Kebaso

14,098 次观看 • 1 年前

It's true: The GitHub Copilot SDK can help you build the app of your dreams. In this case, the color palette organizer of Cassidy's dreams. 🎨 Andrea
2:16

It's true: The GitHub Copilot SDK can help you build the app of your dreams. In this case, the color palette organizer of Cassidy's dreams. 🎨 Andrea

GitHub

28,279 次观看 • 5 个月前

How do you get GitHub Copilot to understand your entire codebase? Like this.👇 With one click, the Copilot coding agent can now analyze your repo and auto-generate custom instructions.
1:01

How do you get GitHub Copilot to understand your entire codebase? Like this.👇 With one click, the Copilot coding agent can now analyze your repo and auto-generate custom instructions.

GitHub

28,378 次观看 • 8 个月前

Hands down my favorite mag design I have ever done. The design itself is so crisp, the color and color separation is 🤌🏼. This is what makes us, us. We aren't just engraving bought designs and "Hillary behind bars" bullshit that other folks do. We are making art.
0:22

Hands down my favorite mag design I have ever done. The design itself is so crisp, the color and color separation is 🤌🏼. This is what makes us, us. We aren't just engraving bought designs and "Hillary behind bars" bullshit that other folks do. We are making art.

Cultivated Laser

25,136 次观看 • 7 个月前

Design Mode in v0 just got an upgrade. You can now: • Quick-apply a color palette • Easily adjust hues, saturation, and lightness • Quick-apply fonts • Easily add shadows
0:35

Design Mode in v0 just got an upgrade. You can now: • Quick-apply a color palette • Easily adjust hues, saturation, and lightness • Quick-apply fonts • Easily add shadows

v0

71,730 次观看 • 9 个月前