Skip to content

feat: added 5 new components today - #55

Merged
vij-sameerb5 merged 1 commit into
mainfrom
test
Oct 6, 2026
Merged

vij-sameerb5 merged 1 commit into
mainfrom
test

Conversation

@vij-sameerb5

Copy link
Copy Markdown
Member

Component Name

do-grid, file-grid, tuple-grid (new grid sections) + globe-hero, plane-hero (updates)

Description

Three new interactive bento grid sections, plus small updates to two existing heroes.

  • do-grid: dark investor dashboard. Draggable sentiment gauge, performance range tabs with a crosshair tooltip, allocation bar and legend that highlight each other, heatmap with per-day tooltips, and a step-up protection card. Tiles rise in on a stagger.
  • file-grid: file upload section built on zepa-folder. Uploading or dropping a file shows its name and size (nothing is stored), the storage meter shows "+X MB" chips, and the upgrade button doubles the storage. Hover and appear animations.
  • tuple-grid: pairing-tool feature bento.
    • Quality picker with a highlight pill that slides between rows.
    • Encryption padlock that unlocks on click and scrambles the packets.
    • Live 4-person video call (Cloudinary videos) with a rotating spotlight speaker, click-to-pin, and working mute / camera / leave controls.
    • One-click swap of who's sharing the screen.
  • globe-hero / plane-hero: small updates to the demos, with rebuilt public/r JSON.
  • Registered the three grids in /playground/grid and regenerated registry files (items.ts, loaders.ts, published.ts, registry.json, code-paths.ts, canary-map.json, published-dates.json).

Preview

  • public/previews/grid-sections/do-grid/preview.mov
  • public/previews/grid-sections/file-grid/preview.mov
  • public/previews/grid-sections/tuple-grid/preview.mov

(Compressed with H.264 at 1280px / 30fps, each about 0.5–0.6 MB.)

Dependencies Added

None. file-grid uses the existing zepa-folder registry item as a registry dependency.

Checklist

  • Added meta.ts
  • Added demo.tsx
  • Added preview (public/previews/{category}/{slug}/preview.mov)
  • Ran npm run build:registry
  • Ran npm run lint
  • Ran npm run test
  • Responsive (mobile + desktop)
  • No console.log
  • No hardcoded secrets/API keys
  • No unnecessary dependencies
  • No unnecessary hardcoded colors/assets

@netlify

netlify Bot commented Oct 5, 2026 •

Copy link
Copy Markdown

✅ Deploy Preview for zepaui ready!

Name Link
🔨 Latest commit bf6e885
🔍 Latest deploy log https://app.netlify.com/projects/zepaui/deploys/6ac3ff2698c4fd0008b4c468
😎 Deploy Preview https://deploy-preview-55--zepaui.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@vij-sameerb5
vij-sameerb5 merged commit 79467d5 into main Oct 6, 2026
5 of 6 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant