Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Another banger Kibo UI component by rickyrickyri just dropped! A fully composable shadcn credit card component 💳 Link 👇🧵

haydenbleasel's profile picture

Hayden Bleasel

13,135 subscribers

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

Say hi to the Kibo UI QR Code shadcn component! 🔠 Pass in any string 💪 Adjustable level of robustness 🎨 Customizable styling 🧠 Works with the new OKLCH CSS variables 💻 React Server Component available ↔️ Infinitely scalable SVG Link 👇🧵
0:10

Say hi to the Kibo UI QR Code shadcn component! 🔠 Pass in any string 💪 Adjustable level of robustness 🎨 Customizable styling 🧠 Works with the new OKLCH CSS variables 💻 React Server Component available ↔️ Infinitely scalable SVG Link 👇🧵

Hayden Bleasel

21,110 görüntüleme • 1 yıl önce

Introducing Kibo UI Blocks — a new series of shadcn inspired blocks for building interfaces with Kibo components! Copy and paste into your app. As always, open source and free forever. Here's a list of blocks we're launching with 👇🧵
0:19

Introducing Kibo UI Blocks — a new series of shadcn inspired blocks for building interfaces with Kibo components! Copy and paste into your app. As always, open source and free forever. Here's a list of blocks we're launching with 👇🧵

Hayden

91,003 görüntüleme • 1 yıl önce

Found a solution. No code. Framer only. Fully responsive. Packed into a component. Remix link in the comments. Enjoy! 👇
0:12

Found a solution. No code. Framer only. Fully responsive. Packed into a component. Remix link in the comments. Enjoy! 👇

Pawel Gola

66,381 görüntüleme • 9 ay önce

Another cool component I ported to Framer – a dynamic scroll progress table of content 👀 It retrieves all your h1/h2/h3 from your page automatically. See video below ↓ Like/comment/RT for a free Framer remix link 🤝 Original concept by Nitish Khagwal
0:11

Another cool component I ported to Framer – a dynamic scroll progress table of content 👀 It retrieves all your h1/h2/h3 from your page automatically. See video below ↓ Like/comment/RT for a free Framer remix link 🤝 Original concept by Nitish Khagwal

Fred Moon 🚀

25,038 görüntüleme • 1 yıl önce

No more Ai Slop websites.... ❌ Refero Styles just dropped 2,000+ DESIGN .md files scraped from real product sites. Each one has the full palette, type scale, spacing, radius, component specs, and a do-not list. Drop them straight into Cursor, Claude Code, v0, or Lovable. link;
0:13

No more Ai Slop websites.... ❌ Refero Styles just dropped 2,000+ DESIGN .md files scraped from real product sites. Each one has the full palette, type scale, spacing, radius, component specs, and a do-not list. Drop them straight into Cursor, Claude Code, v0, or Lovable. link;

Manish Kumar

42,457 görüntüleme • 2 ay önce

I just spent roughly 15 hours on this navigation component so you don’t have to. and just dropped into the vault 🎉 one thing i really like about this one is the morphing motion, but also something people often overlook: accessibility. it’s fully responsive, keyboard accessible, and built so everyone can actually use it. also, no dependencies. Just vanilla HTML, CSS and JavaScript. you can test and play around with it, link in the comments ↓
0:14

I just spent roughly 15 hours on this navigation component so you don’t have to. and just dropped into the vault 🎉 one thing i really like about this one is the morphing motion, but also something people often overlook: accessibility. it’s fully responsive, keyboard accessible, and built so everyone can actually use it. also, no dependencies. Just vanilla HTML, CSS and JavaScript. you can test and play around with it, link in the comments ↓

FHILY👑

11,733 görüntüleme • 4 ay önce

Introducing Extend UI — open-source components for document agents - 14 components & examples for PDF, DOCX, and XLSX viewers, plus bounding box citations, file upload, e-signature, and more - fully customizable - MIT licensed when we started, we tried every file viewer and document component library we could find unfortunately, none of them had all the functionality (and polish) that we wanted, so we ended up building our own for Extend it was only ever meant to be internal, but enough customers kept asking for it that we decided to give it back to the community it's useful for building agents, user-facing document flows, or internal tools we use and maintain it for Extend ourselves, so it'll keep getting better over time (and it's battle tested on millions of pages running through our system every day) it also works with design system agents like Magic Patterns for faster exploration and prototyping available today on the shadcn component registry! some examples in 🧵
0:12

Introducing Extend UI — open-source components for document agents - 14 components & examples for PDF, DOCX, and XLSX viewers, plus bounding box citations, file upload, e-signature, and more - fully customizable - MIT licensed when we started, we tried every file viewer and document component library we could find unfortunately, none of them had all the functionality (and polish) that we wanted, so we ended up building our own for Extend it was only ever meant to be internal, but enough customers kept asking for it that we decided to give it back to the community it's useful for building agents, user-facing document flows, or internal tools we use and maintain it for Extend ourselves, so it'll keep getting better over time (and it's battle tested on millions of pages running through our system every day) it also works with design system agents like Magic Patterns for faster exploration and prototyping available today on the shadcn component registry! some examples in 🧵

Kushal Byatnal

171,158 görüntüleme • 4 ay önce

💸 RECORD SALE 💸 Dana White just spent $10,000 to have this Joe Rogan card in his collection. During a show with CardVault by Tom Brady on Fanatics Live, Dana saw the card and offered the owner $10,000 for it. Then, he dropped another $10K on his own rookie card. Both are now the most expensive Joe Rogan and Dana White cards on the planet.
0:15

💸 RECORD SALE 💸 Dana White just spent $10,000 to have this Joe Rogan card in his collection. During a show with CardVault by Tom Brady on Fanatics Live, Dana saw the card and offered the owner $10,000 for it. Then, he dropped another $10K on his own rookie card. Both are now the most expensive Joe Rogan and Dana White cards on the planet.

Fanatics Collect

538,199 görüntüleme • 10 ay önce

new tunes to do ur tasks to just dropped. the Among Us Story: On Guard demo soundtrack is out on Spotify! 😎🎵 music by A Shell in the Pit 3D animation by ♢ Fen ♢ 👇 listen away with the link down below!
0:15

new tunes to do ur tasks to just dropped. the Among Us Story: On Guard demo soundtrack is out on Spotify! 😎🎵 music by A Shell in the Pit 3D animation by ♢ Fen ♢ 👇 listen away with the link down below!

Among Us Story

16,545 görüntüleme • 3 ay önce

🌊🚢 Our Greater Tortue Ahmeyim (GTA) Phase 1 project is making waves! This floating liquified natural gas (FLNG) facility, a crucial component of the project, has arrived at the GTA Hub on the border of Mauritania and Senegal. Its main function is to cryogenically cool the extracted #NaturalGas to a liquid, reducing its volume by 600 times, making it more efficient for transport. When fully operational, it’s designed to liquefy 2.3 million tonnes of #LNG per annum – enough to fill the equivalent of five Empire State buildings. 🏢 This marks another significant stride toward the safe delivery and start-up of GTA – stay tuned for updates. 👀
0:14

🌊🚢 Our Greater Tortue Ahmeyim (GTA) Phase 1 project is making waves! This floating liquified natural gas (FLNG) facility, a crucial component of the project, has arrived at the GTA Hub on the border of Mauritania and Senegal. Its main function is to cryogenically cool the extracted #NaturalGas to a liquid, reducing its volume by 600 times, making it more efficient for transport. When fully operational, it’s designed to liquefy 2.3 million tonnes of #LNG per annum – enough to fill the equivalent of five Empire State buildings. 🏢 This marks another significant stride toward the safe delivery and start-up of GTA – stay tuned for updates. 👀

bp

27,760 görüntüleme • 2 yıl önce

Introducing Aviya - Institutional Credit on Hyperliquid. Aviya is a private, compliance gated credit venue built on Hyperliquid, designed to extend structured credit access to institutional participants. The platform facilitates bilateral, fixed-rate financing, initially against HYPE collateral, with a roadmap to expand into additional asset classes over time. As capital allocators increasingly engage with on-chain markets, access to predictable, structured credit becomes a requirement. Aviya is designed to meet this demand by offering a more controlled alternative to fully permissionless lending systems, while still leveraging the efficiency and settlement advantages of Hyperliquid’s infrastructure. We view Aviya as a core component in the development of HyperLend as the credit layer of the Hyperliquid ecosystem, enabling capital formation, leverage, and structured financing across both native and future tokenized assets such as equities, commodities, fixed-income instruments and even the likes tokenised pre-IPO companies. Over time, Aviya will serve as a gateway for institutional credit into emerging on-chain markets, including real-world and tokenized financial assets. We are also pleased to deepen our collaboration with Hyperion, working together on institutional business development and capital formation. Aviya represents a continued step toward integrating credit natively into the broader Hyperliquid financial system. gLend.
0:15

Introducing Aviya - Institutional Credit on Hyperliquid. Aviya is a private, compliance gated credit venue built on Hyperliquid, designed to extend structured credit access to institutional participants. The platform facilitates bilateral, fixed-rate financing, initially against HYPE collateral, with a roadmap to expand into additional asset classes over time. As capital allocators increasingly engage with on-chain markets, access to predictable, structured credit becomes a requirement. Aviya is designed to meet this demand by offering a more controlled alternative to fully permissionless lending systems, while still leveraging the efficiency and settlement advantages of Hyperliquid’s infrastructure. We view Aviya as a core component in the development of HyperLend as the credit layer of the Hyperliquid ecosystem, enabling capital formation, leverage, and structured financing across both native and future tokenized assets such as equities, commodities, fixed-income instruments and even the likes tokenised pre-IPO companies. Over time, Aviya will serve as a gateway for institutional credit into emerging on-chain markets, including real-world and tokenized financial assets. We are also pleased to deepen our collaboration with Hyperion, working together on institutional business development and capital formation. Aviya represents a continued step toward integrating credit natively into the broader Hyperliquid financial system. gLend.

HyperLend

38,099 görüntüleme • 4 ay önce

Fable 5 just dropped and someone already built a $10k-looking website with it. Here's the full workflow The smooth scrolling, the animations, the transitions, all built with Fable 5. Here's how to get the same result instead of a generic template. 1. Steal a direction first. Go to Mobbin or Godly and find a site whose feel you love. Screenshot it. Fable copies a vibe far better than it invents one. 2. Grab real components. Pull animation-ready blocks from Aceternity UI or Magic UI. These are built for exactly this look (scroll reveals, parallax, gradients). 3. Prompt Fable with all of it. Switch to Fable 5 in Claude Code, drop in your screenshots and the component references, and describe the sections and scroll behavior you want. Let it plan before it builds. 4. Animate with the right tools. Tell it to use GSAP with ScrollTrigger for scroll effects, or Framer Motion for React. This is what separates "nice" from "$10k." 5. Iterate on feel, not code. Preview it, then give Fable specific notes ("slower fade, more spacing on mobile") until it lands. Bookmark this
0:16

Fable 5 just dropped and someone already built a $10k-looking website with it. Here's the full workflow The smooth scrolling, the animations, the transitions, all built with Fable 5. Here's how to get the same result instead of a generic template. 1. Steal a direction first. Go to Mobbin or Godly and find a site whose feel you love. Screenshot it. Fable copies a vibe far better than it invents one. 2. Grab real components. Pull animation-ready blocks from Aceternity UI or Magic UI. These are built for exactly this look (scroll reveals, parallax, gradients). 3. Prompt Fable with all of it. Switch to Fable 5 in Claude Code, drop in your screenshots and the component references, and describe the sections and scroll behavior you want. Let it plan before it builds. 4. Animate with the right tools. Tell it to use GSAP with ScrollTrigger for scroll effects, or Framer Motion for React. This is what separates "nice" from "$10k." 5. Iterate on feel, not code. Preview it, then give Fable specific notes ("slower fade, more spacing on mobile") until it lands. Bookmark this

Fokki

72,175 görüntüleme • 3 ay önce

BACK TO SCHOOL GIVEAWAY! 📚Kids are returning to school soon, and healthy snacks like Setton Farms pistachios are a must! 😉 Enter this giveaway for a chance to win a variety of our delicious pistachios plus a $150 gift card! Just follow the rules below! Good luck 🍀 💚 #PoweredByPistachios Rules: 1) Follow us (Setton Farms) and Like this Reel 2) Tag a friend and invite them to enter 3) Optional for extra entries: Follow us on IG TikTok and/or BlueSky Prizes: 📗14oz Dry Roasted with Sea Salt Pistachio Burlap Bag 📗5oz Tajín Seasoned Pistachio Kernels 📗5oz Buffalo Wing Seasoned Pistachio Kernels 📗5oz Raw Pistachio Kernels 📗5 oz Organic Dry Roasted with Sea Salt Pistachio Kernels 📗$150 Gift Card Ends 8/15/2025. Setton Farms reserves the right to swap the giveaway products for another of the same value at its discretion. Participants must reside in the United States. Setton Farms will randomly choose and contact the winner. This giveaway is not associated with nor sponsored by X ⚠️ Beware of scammers! Setton Farms will Never ask you to click on a link or provide credit card information to claim a prize ⚠️ #SettonFarms #wellandgoodeats #cleaneats #healthyeats #plantbased #plantprotein #completeprotein #pistachios #recipe #receta #americasbesttastingpistachios #giveaway
0:15

BACK TO SCHOOL GIVEAWAY! 📚Kids are returning to school soon, and healthy snacks like Setton Farms pistachios are a must! 😉 Enter this giveaway for a chance to win a variety of our delicious pistachios plus a $150 gift card! Just follow the rules below! Good luck 🍀 💚 #PoweredByPistachios Rules: 1) Follow us (Setton Farms) and Like this Reel 2) Tag a friend and invite them to enter 3) Optional for extra entries: Follow us on IG TikTok and/or BlueSky Prizes: 📗14oz Dry Roasted with Sea Salt Pistachio Burlap Bag 📗5oz Tajín Seasoned Pistachio Kernels 📗5oz Buffalo Wing Seasoned Pistachio Kernels 📗5oz Raw Pistachio Kernels 📗5 oz Organic Dry Roasted with Sea Salt Pistachio Kernels 📗$150 Gift Card Ends 8/15/2025. Setton Farms reserves the right to swap the giveaway products for another of the same value at its discretion. Participants must reside in the United States. Setton Farms will randomly choose and contact the winner. This giveaway is not associated with nor sponsored by X ⚠️ Beware of scammers! Setton Farms will Never ask you to click on a link or provide credit card information to claim a prize ⚠️ #SettonFarms #wellandgoodeats #cleaneats #healthyeats #plantbased #plantprotein #completeprotein #pistachios #recipe #receta #americasbesttastingpistachios #giveaway

Setton Farms

11,620 görüntüleme • 1 yıl önce