NAIK

components.ishannaik.com

Parts from the work.Not a kit from a template.

NAIK is the registry behind Ishan Naik’s sites — CloakBin, mumbai-rain, Apex, warp, cinematic scroll, Rush Labs. Plus the small APIs Kitze made obvious: dialog on desktop, drawer on a phone, one prop list. Install the source with the shadcn CLI. Change every pixel.

66 components/copy, don’t npm-lock/npx shadcn@latest add @naik/tilt-card

Foundry 19

  1. 01foundry

    Matrix rain

    Glyph rain in Devanagari + IBM Plex Mono. Sodium, not Hollywood green.

    CloakBin MatrixRain, original rewrite

  2. 02foundry

    Sodium dust

    Lamp-mote canvas. The air under a Mumbai street light.

    krishanmangal GoldDust, original rewrite

  3. 03foundry

    Gold leaf

    Etched gold flakes for manuscript pages. Quiet, not glitter.

    krishanmangal islands, original rewrite

  4. 04foundry

    Aura ring

    Score ring that fills on a stroke, not a gradient doughnut.

    apex AuraRing, original rewrite

  5. 05foundry

    Glass panel

    Frosted asphalt panel. Tight radius, real blur, no neon edge.

    apex GlassCard, original rewrite

  6. 06foundry

    Volt button

    Pressable with a physical inset. The CTA from Apex.

    apex VoltButton, original rewrite

  7. 07foundry

    Uptime bar

    Ninety day ticks. Status page DNA from Rush Labs.

    rushlabs-status-page UptimeBar, original rewrite

  8. 08foundry

    Status rail

    Operational banner: operational / degraded / down.

    rushlabs-status-page StatusBanner, original rewrite

  9. 09foundry

    Money ticker

    Rupees (or any currency) accruing per second.

    money-meter, original rewrite

  10. 10foundry

    Locality chip

    Bandra / Dadar / Andheri style place chip with a nowcast pip.

    mumbai-rain, original rewrite

  11. 11foundry

    Nowcast meter

    0–2h rain intensity as a mercury column. millimetres, not vibes.

    mumbai-rain, original rewrite

  12. 12foundry

    Flood badge

    Ward-level flood risk pip. Low / watch / waterlogged.

    mumbai-rain flood zones, original rewrite

  13. 13foundry

    Warp drop

    Peer-to-peer dropzone. Dashed hatch, file list, no cloud metaphor.

    warp, original rewrite

  14. 14foundry

    Doom cracks

    The page fractures as you scroll. Heals when you stop.

    doombreaker, original rewrite

  15. 15foundry

    Password meter

    Four-bar strength. Entropy-ish, not a lecture.

    CloakBin PasswordStrength, original rewrite

  16. 16foundry

    Encryption seal

    Zero-knowledge lockup banner. The CloakBin promise, as a component.

    CloakBin EncryptionBanner, original rewrite

  17. 17foundry

    Share card

    Exportable result card. Score, handle, sodium rule.

    apex ShareCard, original rewrite

  18. 18foundry

    Particle ash

    Slow ash field. Canvas, capped, pauses offscreen.

    original, not Aceternity sparkles

  19. 19foundry

    Split hatch

    Diagonal hatch background from SplitUPI. Printable, not decorative noise.

    splitUPI background-pattern, original rewrite

Motion 11

  1. 20motion

    Tilt card

    Pointer tilt with a specular sheen. Dead on touch and reduced motion.

    cinematic-scroll-skill TiltCard (MIT, vanilla port)

  2. 21motion

    Magnetic cursor

    Dot that lerps to the pointer and snaps to data-magnetic targets. Fine pointer only.

    cinematic-scroll-skill MagneticCursor (MIT, vanilla port)

  3. 22motion

    Kinetic headline

    Split-line rise on enter. One well-timed reveal, not a bounce.

    cinematic-scroll-skill KineticHeadline (MIT, vanilla port)

  4. 23motion

    Pinned reveal

    Eyebrow, title, summary stagger as the chapter hits the frame.

    cinematic-scroll-skill PinnedReveal (MIT, vanilla port)

  5. 24motion

    Hero parallax

    Four depth planes. CSS scroll-driven where supported, rAF fallback.

    cinematic-scroll-skill HeroParallax (MIT, vanilla port)

  6. 25motion

    Depth figure

    Image that drifts inside its frame as you scroll past.

    cinematic-scroll-skill DepthFigure (MIT, vanilla port)

  7. 26motion

    Typewriter

    Careted type-in. Respects reduced motion (shows the full line).

    my-portfolio Typewriter, original rewrite

  8. 27motion

    Marquee rail

    Seamless ticker. Pauses on hover and on reduced motion.

    naikan MarqueeTicker, original rewrite

  9. 28motion

    Number ticker

    Count up when in view. Tabular figures, no bounce.

    PixaLabs number-ticker idea, original rewrite

  10. 29motion

    Beam frame

    A travelling highlight on the border. CSS only, one beam.

    original, not Magic UI

  11. 30motion

    Spotlight wash

    Pointer-follow wash on a panel. Fine pointer only.

    original, not Aceternity Spotlight

Pragmatic 17

  1. 31pragmatic

    Button

    The button you actually ship: loading, icons, link mode, sodium/water/ghost tones.

    Kitze Custom Button API, rewritten

  2. 32pragmatic

    Badge

    Tight status chip. Sodium, water, danger, mute.

    Kitze Custom Badge API, rewritten

  3. 33pragmatic

    Kbd

    Keyboard key glyph that looks like a keycap, not a rounded pill.

    Kitze Kbd, rewritten

  4. 34pragmatic

    Kbd shortcuts

    List of chords with labels. For command palettes and help overlays.

    Kitze Kbd Shortcuts, rewritten

  5. 35pragmatic

    Spinner

    Arc spinner. No emoji, no bouncing dots.

    Kitze Spinner, rewritten

  6. 36pragmatic

    Alert

    Inline notice with a left rule instead of a pastel card.

    Kitze UI Alert, rewritten

  7. 37pragmatic

    Separator

    Hairline rule, horizontal or vertical.

    shadcn separator, restyled

  8. 38pragmatic

    Page header

    Eyebrow, title, description, actions. The top of every settings page.

    Kitze Page Header, rewritten

  9. 39pragmatic

    Tab panels

    Underline tabs, not pill tabs. Keyboard-able.

    Kitze Tab Panels, rewritten

  10. 40pragmatic

    Help tip

    Tiny info mark that opens a tooltip. For dense forms.

    Kitze Help Info Circle, rewritten

  11. 41pragmatic

    Social login

    Provider button with mark, label, and loading. GitHub / Google / Discord.

    Kitze Social Login Button, rewritten

  12. 42pragmatic

    Mac window

    Traffic-light chrome around a demo. For landing shots, not OS cosplay.

    Kitze Mac Window, rewritten

  13. 43pragmatic

    Scrolling header

    Condenses on scroll. Keeps the mark, sheds the extra.

    Kitze Scrolling Header, rewritten

  14. 44pragmatic

    Conditional wrap

    Wrap children in an extra node only when a flag is on.

    Kitze Conditional Wrap, rewritten

  15. 45pragmatic

    Simple tooltip

    content= string. No TooltipProvider ceremony at the call site.

    Kitze Simple Tooltip, rewritten

  16. 46pragmatic

    Simple popover

    Trigger + content. One component, not four primitives.

    Kitze Simple Popover, rewritten

  17. 47pragmatic

    Simple accordion

    items=[{title, content}]. For FAQs without the compound-component tax.

    Kitze Simple Accordion, rewritten

Responsive 4

  1. 48responsive

    Bottom drawer

    Vaul sheet from the bottom. Swipe to dismiss.

    Kitze Bottom Drawer, rewritten

  2. 49responsive

    Adaptive dialog

    Dialog on desktop, drawer on a phone. Same props. This is the Kitze trick.

    Kitze Responsive Dialog, rewritten

  3. 50responsive

    Adaptive menu

    Dropdown on desktop, drawer list on mobile.

    Kitze Responsive Dropdown Menu, rewritten

  4. 51responsive

    Dialog manager

    useConfirm() / useConfirmDelete(). Imperative dialogs from anywhere.

    Kitze Dialog Manager, rewritten

Form 13

  1. 52form

    Input

    Single-line field with a hard edge and a sodium focus ring.

    Kitze Input, rewritten

  2. 53form

    Textarea

    Multiline field that grows with content when asked.

    Kitze Form Field Textarea, rewritten

  3. 54form

    Switch

    Latch, not a candy pill. Square travel, sodium on-state.

    Kitze Switch, rewritten

  4. 55form

    Checkbox

    Square check with an ink tick. No bouncing scale.

    Kitze Checkbox, rewritten

  5. 56form

    Radio group

    Exclusive choice with a sodium disc.

    Kitze Radio Group, rewritten

  6. 57form

    Labeled switch

    Label, description, and switch on one row. Click the copy.

    Kitze Labeled Switch, rewritten

  7. 58form

    Labeled checkbox

    Label + hint wired to a checkbox. Whole row is the hit target.

    Kitze Labeled Checkbox, rewritten

  8. 59form

    Form field

    Label, optional hint, error, and control. The wrapper you rewrite in every app.

    Kitze Form Field Wrapper, rewritten

  9. 60form

    Search bar

    Icon, field, clear, optional kbd. One component instead of four.

    Kitze Search Bar, rewritten

  10. 61form

    Segmented control

    Two to five exclusive options in a machined track.

    Kitze Segmented Control, rewritten

  11. 62form

    Simple select

    options=[{value, label}]. Searchable when the list gets long.

    Kitze Simple Select, rewritten

  12. 63form

    Advanced select

    Multi, badges, search. The select you keep rewriting for filters.

    Kitze Advanced Select, rewritten

  13. 64form

    Icon picker

    Searchable Lucide grid. Returns the icon name, not a React node.

    Kitze Icon Picker, rewritten

Theme 2

  1. 65theme

    Theme switch

    Sun / moon latch wired to next-themes. Compact.

    Kitze Theme Switch Minimal, rewritten

  2. 66theme

    Theme slider

    Three-stop slider: light, system, dark.

    Kitze Theme Switch Slider, rewritten

npx shadcn@latest add https://components.ishannaik.com/r/adaptive-dialog.json