🌐 Web Tech Enthusiast | Sharing the latest in #JavaScript, #CSS, #jQuery, #WebDesign #WebDevelopment | Keeping you updated on web technology hotspots 🔥 | 💻
Joined February 2013
- Tweets 14,197
- Following 54
- Followers 1,084
- Likes 86
3,473 Photos and videos
Pinned Tweet
20 Jul 2025
After half a year of dedicated testing, we're so excited to announce next.jqueryscript.net!
We're bringing you the freshest UI components, templates, and tools for modern frameworks like Next.js, Shadcn/ui, and Tailwind CSS, updated daily.
This is our next chapter, and we're building something awesome for web developers.
2
2
511
The new issue of Web Dev Weekly is live.
This week I shared Shuffle.js for sortable and filterable grid layouts, Calligraph for React text transitions, Extend UI for document-heavy React apps, and WebTUI for terminal-inspired CSS interfaces.
I also included AI coding tools such as agmsg and MiMo Code, plus practical reading on npm v12 breaking changes, Angular v22, and common CSS pain points.
If you work on frontend interfaces, JavaScript tools, UI components, or production websites, this issue gives you a compact list of things worth checking.
Read The Full Article Here: jqueryscript.net/blog/Weekly…
13
slot-text: tiny text roll animation for UI labels.
Zero deps, <2KB. Flash mode with auto-revert, spam-safe.
Works with React, Vue, Solid, Svelte.
Per-character color helper included.
cssscript.com/slot-text-roll…
16
Read More & Live Demo: cssscript.com/ifvisible-js-d…
1
41
Github: github.com/serkanyersen/ifvi…
9
ifvisible.js: a JavaScript idle tracker for page visibility and activity states.
Tracks active, hidden, idle, wakeup, freeze, and resume states. Supports npm, CDN, TypeScript types, SSR-safe imports, and smart intervals.
1
26
Jun 13
Calligraph: a React component for character-level text transitions powered by Motion.
Key features:
* Shared characters slide into new positions.
* New characters fade in.
* Removed characters fade out.
* Custom spring settings tune the transition.
* Good fit for labels, headings, prices, and status text.
👇
1
16
Jun 12
validation-enhancer: a lightweight web component that upgrades native HTML5 form validation with inline errors, CSS state classes, and full accessibility support.
Key features:
- Wrap any HTML form in `<validation-enhancer>`. No changes to individual inputs needed.
- Inline error messages next to each field on focus-out and submit
- `.valid` / `.invalid` CSS classes for input styling
- `aria-invalid` and `aria-live` built in for screen readers
- Optional Zod schema integration via `<validation-enhancer-zod>`
- Scroll-to-first-error on submit with configurable scroll container support
- MutationObserver support for dynamically added fields
Works with any HTML/JS project. Standard, minified, and ES2017 compat builds included.
1
24
Jun 11
MiMoCode: a free terminal AI coding agent from Xiaomi that checkpoints session state automatically and rebuilds context from structured memory files when the window resets.
📟 Terminal-native, installs with one command (npm or curl)
🧠 Four-layer persistent memory: session, project, global, and history trace
🔄 Auto-checkpoints at 20%, 45%, and 70% of context budget
⚡ MiMo Auto: free, no login, 1M-token context
🔓 Open source under MIT license
🎯 /goal command verifies session stop conditions independently
Free for a limited period via MiMo Auto. Supports any OpenAI-compatible API. 👇
scriptbyai.com/mimocode-free…
1
229
Jun 11
Extend UI: an open-source React and shadcn/ui component library for document-heavy apps.
Key features:
* PDF, DOCX, XLSX, and CSV viewers.
* File upload, thumbnails, and Finder-style browsing.
* Bounding box citations and review panels.
* shadcn registry installs with editable local source.
👇
1
1
53
Jun 10
qrGrid: zero-dep JS library for fully custom QR codes. Canvas, SVG, React, Vue, Angular, Node.js & CLI. Dot modules, gradients, logo embedding & per-zone colors.
1
74
Jun 10
Building chatbots or AI agents that need to send more than plain text?
Message UI lets you write iMessage and WhatsApp attachment cards as React components, preview them locally with hot reload, and export to PNG from a server route or background job.
The same component-based workflow you already use, applied to chat attachments.
1
152