Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

🎉 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 görüntüleme • 1 yıl önce •via X (Twitter)

SanatBilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

16 Yorum

David Aerne profil fotoğrafı
David Aerne1 yıl önce

🔗

Manticore Search profil fotoğrafı
Manticore Search1 yıl önce

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

Yogini Bende profil fotoğrafı
Yogini Bende1 yıl önce

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

teto profil fotoğrafı
teto1 yıl önce

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

David Aerne profil fotoğrafı
David Aerne1 yıl önce

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

Ajm Ø,G profil fotoğrafı
Ajm Ø,G1 yıl önce

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

Silicon Jungle profil fotoğrafı
Silicon Jungle1 yıl önce

looks great David!

David Aerne profil fotoğrafı
David Aerne1 yıl önce

🥰🎨

Rony Sheik (꧁IP꧂) profil fotoğrafı
Rony Sheik (꧁IP꧂)1 yıl önce

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

A-Mashiro profil fotoğrafı
A-Mashiro1 yıl önce

Great work, David! 🙌✨

David Aerne profil fotoğrafı
David Aerne1 yıl önce

🙏

I'm glad it was so difficult profil fotoğrafı
I'm glad it was so difficult1 yıl önce

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 profil fotoğrafı
David Aerne1 yıl önce

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 profil fotoğrafı
I'm glad it was so difficult1 yıl önce

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

David Aerne profil fotoğrafı
David Aerne1 yıl önce

Good! The lib has a oklch and lch mode

Elmo profil fotoğrafı
Elmo1 yıl önce

🔥

Benzer Videolar

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

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

🎨 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,360 görüntüleme • 1 ay önce

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

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

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

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

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

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

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

202,863 görüntüleme • 7 gün önce

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

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

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

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

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

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

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

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

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