✕ Clear all filters
29 articles
▶ Videos →

📰 Dev.to · jQueryScript

29 articles · Updated every 3 hours · View all reads

All Articles 137,464Blog Posts 141,399Tech Tutorials 35,660Research Papers 26,961News 19,333 ⚡ AI Lessons
liquid-glass: React Component for Live DOM Refraction
Dev.to · jQueryScript ⚡ AI Lesson 1mo ago
liquid-glass: React Component for Live DOM Refraction
liquid-glass adds a headless liquid glass layer to React interfaces. Refract wrapped DOM content...
View lesson → + Playlist
gradient-shimmer: Animated Text for React and Next.js
Dev.to · jQueryScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
gradient-shimmer: Animated Text for React and Next.js
gradient-shimmer adds animated multi-stop gradient text to React and Next.js...
View lesson → + Playlist
Liquid Glass: WebGL2 Refraction Lens for Next.js and React
Dev.to · jQueryScript ⚡ AI Lesson 1mo ago
Liquid Glass: WebGL2 Refraction Lens for Next.js and React
Liquid Glass: a React component for adding an Apple-style Liquid Glass lens to hero sections and...
View lesson → + Playlist
performativeUI: 27 React UI Components for AI Startups & Landing Pages
Dev.to · jQueryScript 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
performativeUI: 27 React UI Components for AI Startups & Landing Pages
performativeUI: a React component library for AI startup landing pages, product demos, and waitlist...
View lesson → + Playlist
Number Flow Input: Animated Barrel-Wheel Number Input for React
Dev.to · jQueryScript ⚡ AI Lesson 2mo ago
Number Flow Input: Animated Barrel-Wheel Number Input for React
React Number Flow Input: a React component for animated numeric fields in forms and dashboards. Key...
View lesson → + Playlist
Manifest UI: shadcn/ui Blocks for AI Chat Interfaces
Dev.to · jQueryScript 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Manifest UI: shadcn/ui Blocks for AI Chat Interfaces
Manifest UI: a set of production-ready shadcn/ui blocks for building ChatGPT and Claude-style AI chat...
View lesson → + Playlist
Shadcn Fintech: Open-Source Fintech Dashboard for Next.js
Dev.to · jQueryScript ⚡ AI Lesson 2mo ago
Shadcn Fintech: Open-Source Fintech Dashboard for Next.js
Shadcn Fintech: a free, open-source fintech dashboard template built with Next.js 16 App Router,...
View lesson → + Playlist
Better Design: 30+ Themed shadcn/ui Design Systems
Dev.to · jQueryScript 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Better Design: 30+ Themed shadcn/ui Design Systems
Better Design: an open source shadcn/ui registry with 31 themed design systems for React and Tailwind...
View lesson → + Playlist
shadcn Dashboard Template: 30+ Pages for Vite and Next.js
Dev.to · jQueryScript 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
shadcn Dashboard Template: 30+ Pages for Vite and Next.js
shadcn Dashboard + Landing Page Template — a free, open-source admin UI starter built on React 19,...
View lesson → + Playlist
RangeFlow: React Date Range Slider and Picker
Dev.to · jQueryScript 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
RangeFlow: React Date Range Slider and Picker
RangeFlow: a React date range picker with a drag-based slider, quick preset tabs, and a popover...
View lesson → + Playlist
loading-ui: 36+ Copy-paste Loading Indicator Components for React
Dev.to · jQueryScript 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
loading-ui: 36+ Copy-paste Loading Indicator Components for React
loading-ui: a custom shadcn registry of loading indicators for React apps. It ships 36 components...
View lesson → + Playlist
react-native-pretty-toast: Dynamic Island Toast Notifications for iOS & Android
Dev.to · jQueryScript 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
react-native-pretty-toast: Dynamic Island Toast Notifications for iOS & Android
react-native-pretty-toast: a React Native library that morphs toast notifications directly out of the...
View lesson → + Playlist
AI Chat UI Components Built on shadcn and Tailwind v4 — Nexus UI
Dev.to · jQueryScript 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
AI Chat UI Components Built on shadcn and Tailwind v4 — Nexus UI
Nexus UI: a React component library built specifically for AI chat interfaces. Key...
View lesson → + Playlist
dnd-manager: Lightweight Drag and Drop for Vanilla JS
Dev.to · jQueryScript 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
dnd-manager: Lightweight Drag and Drop for Vanilla JS
dnd-manager: a vanilla JavaScript library for data-driven drag-and-drop that works with any...
View lesson → + Playlist
Before/After Image Comparison Slider in JS
Dev.to · jQueryScript 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
Before/After Image Comparison Slider in JS
Image Comparison Slider: a vanilla JavaScript component that lets users drag a handle to compare...
View lesson → + Playlist
boring-avatars-vanilla: SVG Avatars from Any Username
Dev.to · jQueryScript ⚡ AI Lesson 3mo ago
boring-avatars-vanilla: SVG Avatars from Any Username
boring-avatars-vanilla: a vanilla JavaScript library that generates unique, deterministic SVG avatars...
View lesson → + Playlist
open-edit: Rich Text Editor for Modern Web Apps
Dev.to · jQueryScript 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
open-edit: Rich Text Editor for Modern Web Apps
open-edit: a lightweight JavaScript WYSIWYG editor for web apps that need clean HTML output and a...
View lesson → + Playlist
Interactive WebGL Image Gallery with Distortion Effect
Dev.to · jQueryScript 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Interactive WebGL Image Gallery with Distortion Effect
WebGL Concave Gallery: a vanilla JavaScript class that renders an infinite, draggable image grid with...
View lesson → + Playlist
boneyard-js: CLI-Driven Skeleton UI for Any Framework
Dev.to · jQueryScript 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
boneyard-js: CLI-Driven Skeleton UI for Any Framework
boneyard is a skeleton loading framework that captures your real UI and turns it into matching...
View lesson → + Playlist
Math Curve Loaders: SVG CSS Loading Animations
Dev.to · jQueryScript 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Math Curve Loaders: SVG CSS Loading Animations
Math Curve Loaders: a plain HTML, SVG, CSS, and JavaScript loader gallery built around mathematical...
View lesson → + Playlist
The GridCN: shadcn/ui Components With Tron Aesthetics and 3D Effects
Dev.to · jQueryScript 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
The GridCN: shadcn/ui Components With Tron Aesthetics and 3D Effects
The GridCN: a Tron: Ares-inspired design system built on shadcn/ui for React and Next.js. Key...
View lesson → + Playlist
Smooth CSS Gradients with easing-gradients (A TailwindCSS Plugin)
Dev.to · jQueryScript 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Smooth CSS Gradients with easing-gradients (A TailwindCSS Plugin)
easing-gradients: a Tailwind CSS plugin that applies easing curves to gradient stop distribution....
View lesson → + Playlist
Material Symbols Picker: Variable Font Icon Picker
Dev.to · jQueryScript 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Material Symbols Picker: Variable Font Icon Picker
Material Symbols Picker: a vanilla JavaScript library that attaches a full icon picker to any HTML...
View lesson → + Playlist
mindmapcn: Mind Map Component for shadcn/ui Projects
Dev.to · jQueryScript 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
mindmapcn: Mind Map Component for shadcn/ui Projects
mindmapcn: a React mind map component that follows shadcn/ui conventions and installs through the...
View lesson → + Playlist