All
Articles 174,232Blog Posts 163,914Tech Tutorials 46,438Research Papers 34,131News 21,989
⚡ AI Lessons
Dev.to · jQueryScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Lifeline: Scroll-Scrubbed Timeline Component for Next.js
Lifeline: a component registry that adds a story-driven timeline to Next.js and shadcn/ui...
Dev.to · jQueryScript
🌐 Frontend Engineering
2mo ago
Startercn: Build a Custom shadcn/ui Registry with Next.js
Startercn: a Next.js starter kit for publishing your own shadcn/ui component...
Dev.to · jQueryScript
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
liquid-glass: React Component for Live DOM Refraction
liquid-glass adds a headless liquid glass layer to React interfaces. Refract wrapped DOM content...
Dev.to · jQueryScript
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
gradient-shimmer: Animated Text for React and Next.js
gradient-shimmer adds animated multi-stop gradient text to React and Next.js...
Dev.to · jQueryScript
🌐 Frontend Engineering
2mo ago
Shadcn React Table: Data Table for React & Next.js
shadcn-react-table is a source-owned data grid for React and shadcn/ui projects. Key...
Dev.to · jQueryScript
🌐 Frontend Engineering
⚡ AI Lesson
2mo 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...
Dev.to · jQueryScript
🌐 Frontend Engineering
3mo ago
Calligraph: Motion-Based Text Transitions for React Apps
Calligraph: a React component for character-level text transitions powered by Motion. Key...
Dev.to · jQueryScript
🌐 Frontend Engineering
⚡ AI Lesson
3mo 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...
Dev.to · jQueryScript
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
shadcn-google-maps: Google Places Autocomplete for Next.js
shadcn-google-maps: a shadcn/ui component that adds Google Places address autocomplete using the...
Dev.to · jQueryScript
🌐 Frontend Engineering
⚡ AI Lesson
3mo 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,...
Dev.to · jQueryScript
🌐 Frontend Engineering
⚡ AI Lesson
4mo ago
Devstarter: Next.js Portfolio Template with Cyberpunk UI
Devstarter: a free, open-source one-page portfolio template built with Next.js 16, shadcn/ui v3.6,...
Dev.to · jQueryScript
🌐 Frontend Engineering
⚡ AI Lesson
5mo ago
Morphing Toast Notifications for React Native - expo-gooey-toast
expo-gooey-toast: a React Native toast library for pill to card morphing notifications with gooey SVG...
Dev.to · jQueryScript
🌐 Frontend Engineering
⚡ AI Lesson
5mo 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...
Dev.to · jQueryScript
🌐 Frontend Engineering
⚡ AI Lesson
5mo ago
Before/After Image Comparison Slider in JS
Image Comparison Slider: a vanilla JavaScript component that lets users drag a handle to compare...
Dev.to · jQueryScript
🌐 Frontend Engineering
⚡ AI Lesson
5mo ago
Bootstrap Context Menu Plugin That Mirrors Your Navbar
BRC JS: a vanilla JavaScript library that adds a right-click context menu to your Bootstrap site by...
Dev.to · jQueryScript
🌐 Frontend Engineering
⚡ AI Lesson
5mo ago
Pretext: Fast DOM-Free Text Height Measurement
Pretext: a JavaScript/TypeScript library for multiline text height measurement and per-line...
Dev.to · jQueryScript
🌐 Frontend Engineering
⚡ AI Lesson
7mo ago
Nuxt Studio: Self-Hosted Content Editing for Production Sites
Nuxt Studio is now OPEN-SOURCE. It is a self-hosted Nuxt module for editing content directly on...
Dev.to · jQueryScript
🌐 Frontend Engineering
⚡ AI Lesson
9mo ago
SvelteMark: Local-First Markdown Editor Built with Svelte 5
SvelteMark: A markdown editor that stores everything in your browser's IndexedDB Key features: ✅...
Dev.to · jQueryScript
🌐 Frontend Engineering
⚡ AI Lesson
9mo ago
Cascader-Shadcn: Hierarchical Data Selection for React
Cascader-Shadcn: a hierarchical dropdown component that handles nested data selection through...
Dev.to · jQueryScript
🌐 Frontend Engineering
⚡ AI Lesson
9mo ago
Svedit: Create Editable Svelte Sites with Svedit JSON Schemas
Svedit: A library for building editable websites directly in Svelte. You model content with JSON...
Dev.to · jQueryScript
🌐 Frontend Engineering
⚡ AI Lesson
9mo ago
Svelte SEO: Meta Tag Manager for Search and Social
Svelte SEO: a powerful and easy-to-use package designed to optimize your Svelte app for search...
Dev.to · jQueryScript
🌐 Frontend Engineering
⚡ AI Lesson
10mo ago
Mainline: a Production-Ready Next.js Template with shadcn/ui and Tailwind CSS 4
Mainline: A free Next.js 15 template combining shadcn/ui components, Tailwind CSS 4, and modern...
Dev.to · jQueryScript
🌐 Frontend Engineering
⚡ AI Lesson
11mo ago
Mina Rich Editor – A Block-Based Rich Text Editor Built With shadcn/ui and Tailwind CSS
Mina Rich Editor: a block-based rich text editor built with React, Tailwind CSS, and shadcn/ui...
DeepCamp AI