Bharat Kara's banner

Bharat Kara

@KaraBharat • 4,136 subscribers

Microservices Architect & TypeScript Engineer | Frontend capable | Daily JS/TS, system design & AI insights | Open to collabs • DM me

Shorts

⚡️ CSS ::highlight() + TreeWalker for dynamic text search: - No DOM manipulation - Pure CSS ::highlight() styling - Efficient TreeWalker traversal [Code Snippet 👇]

⚡️ CSS ::highlight() + TreeWalker for dynamic text search: - No DOM manipulation - Pure CSS ::highlight() styling - Efficient TreeWalker traversal [Code Snippet 👇]

39,243 görüntüleme

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

Open-Source Animated Cursor React Components

Open-Source Animated Cursor React Components

399,555 görüntüleme • 1 yıl önce

Container scroll-state queries let you apply styles to elements based on the container's scroll state — stuck, snapped, or scrollable👇 .section-header { ... container-type: scroll-state; container-name: sticky-hd; } @ container sticky-hd scroll-state(stuck: top) { ... } #CSS

Container scroll-state queries let you apply styles to elements based on the container's scroll state — stuck, snapped, or scrollable👇 .section-header { ... container-type: scroll-state; container-name: sticky-hd; } @ container sticky-hd scroll-state(stuck: top) { ... } #CSS

26,169 görüntüleme • 1 ay önce

The CSS Custom Highlight API lets you highlight search results — Without affecting the DOM structure. ::highlight(search-results) { background-color: #ff0066; color: white; } #CSS #WebAPIs

The CSS Custom Highlight API lets you highlight search results — Without affecting the DOM structure. ::highlight(search-results) { background-color: #ff0066; color: white; } #CSS #WebAPIs

44,265 görüntüleme • 2 ay önce

⚡️ Full-Stack React Starter Template ✨ What’s inside? ⌘ Frontend: Built with React, Vite ⚡, TANSTACK (Router, Query, Table), shadcn, and more ⌘ Backend: Powered by Hono, Drizzle ORM, Neon - Serverless Postgres – 100% type-safe ⌘ Deploy-Ready: Seamless deployment on Vercel 📦 Includes a fully functional Todo app to get you started! 🎉 The complete repo will be Open Source and FREE. Stay tuned!

⚡️ Full-Stack React Starter Template ✨ What’s inside? ⌘ Frontend: Built with React, Vite ⚡, TANSTACK (Router, Query, Table), shadcn, and more ⌘ Backend: Powered by Hono, Drizzle ORM, Neon - Serverless Postgres – 100% type-safe ⌘ Deploy-Ready: Seamless deployment on Vercel 📦 Includes a fully functional Todo app to get you started! 🎉 The complete repo will be Open Source and FREE. Stay tuned!

48,852 görüntüleme • 1 yıl önce

⚡ Loving the vibe of this shadcn sidebar, CRM dashboard, and landing page UI, dark mode looks insane. Github: Demo:

⚡ Loving the vibe of this shadcn sidebar, CRM dashboard, and landing page UI, dark mode looks insane. Github: Demo:

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

⚡️Update: Multi-select product list ⌘ Display selected items (Source code in 🧵👇) ⌘ Infinite scrolling using TANSTACK ⌘ Searchable combo box using shadcn ⌘ API with Hono with full type support ⌘ 📋 React Hook Form with Zod validation #webdev #buildinpublic #uiux #reactjs #Nextjs

⚡️Update: Multi-select product list ⌘ Display selected items (Source code in 🧵👇) ⌘ Infinite scrolling using TANSTACK ⌘ Searchable combo box using shadcn ⌘ API with Hono with full type support ⌘ 📋 React Hook Form with Zod validation #webdev #buildinpublic #uiux #reactjs #Nextjs

24,376 görüntüleme • 1 yıl önce

⚡️ Common ComboBox component with more controls on customized list items and selection ⌘ Build with shadcn and Tailwind CSS Demo: Source Code (Free): #webdev #buildinpublic #uiux #nextjs #reactjs

⚡️ Common ComboBox component with more controls on customized list items and selection ⌘ Build with shadcn and Tailwind CSS Demo: Source Code (Free): #webdev #buildinpublic #uiux #nextjs #reactjs

17,366 görüntüleme • 1 yıl önce

Daha fazla içerik yok.