Bharat Kara's banner
Bharat Kara's profile picture

Bharat Kara

@KaraBharat • 4,318 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,265 просмотров

⚡️ This TypeScript trick flattens Intersection types into clean IDE tooltips instantly #TypeScript

⚡️ This TypeScript trick flattens Intersection types into clean IDE tooltips instantly #TypeScript

14,598 просмотров

Videos

LIVE
1.2k

Anya Rossi

sweetdream.ai

SweetDream.aiSponsored•Livecam
Streaming Now

Watch Anya Live

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

HD live stream
Exclusive private shows
1.2k viewers online

Free preview available • Premium content

Open-Source Animated Cursor React Components
0:21
KaraBharat's profile picture

Open-Source Animated Cursor React Components

Bharat Kara

400,308 просмотров • 1 год назад

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
0:23
KaraBharat's profile picture

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

Bharat Kara

44,660 просмотров • 6 месяцев назад

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
0:20
KaraBharat's profile picture

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

Bharat Kara

26,874 просмотров • 5 месяцев назад

⚡ Loving the vibe of this shadcn sidebar, CRM dashboard, and landing page UI, dark mode looks insane. Github: Demo:
0:43
KaraBharat's profile picture

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

Bharat Kara

23,811 просмотров • 1 год назад

⚡️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
0:52
KaraBharat's profile picture

⚡️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

Bharat Kara

24,424 просмотров • 2 лет назад

⚡️ 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
0:44
KaraBharat's profile picture

⚡️ 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

Bharat Kara

17,387 просмотров • 1 год назад

Больше нет контента для загрузки