https://devicons.io/icons/opensource/
Open Source Initiative Logo — Free SVG Icon & React Component | Devicons
The Open Source Initiative (OSI) is a non-profit organization that promotes and protects open-source software through community advocacy and license...
open source initiativereact componentlogofreesvg
https://agenticui.in/prompts/components/separator
Separator — React Component & Prompt for AI Coding Agents | Agentic UI | Agentic UI (AgenticUI)
A horizontal or vertical line that visually separates content, useful for creating visual hierarchy and grouping related items.
ai coding agentsreact componentseparatorpromptagentic
https://devicons.io/icons/snowflake/
Snowflake Logo — Free SVG Icon & React Component | Devicons
Snowflake is a cloud-based data warehousing platform for analytics, data sharing, and data engineering. Download the Snowflake logo as a free SVG, or use the...
react componentsnowflakelogofreesvg
https://www.nayanui.com/react/tags/input-ui-component
Nayan UI - Input Ui Component - React Component Tag
Browse Nayan UI React components tagged with "Input Ui Component". Find related components, examples, and documentation.
nayaninputcomponentreacttag
https://cascivo.com/docs/components/accordion/
Accordion — accessible React component — cascivo
Vertically stacked, collapsible content sections
react componentaccordionaccessible
https://iconiqui.com/buttons-and-actions/toggle-group
Toggle Group React Component | Iconiq UI
Install and customize the Iconiq UI Toggle Group with shadcn registry commands, live previews, provider variants, and editable source files.
react componenttogglegroupiconiq
https://iconsearch.info/icons/lucide-icons/arrow-up-circle
Arrow Up Circle Icon SVG — Free Lucide Icons Download & React Component | IconSearch
Download free Arrow Up Circle vector SVG icon from Lucide Icons. Copy clean SVG, React JSX, Vue, Svelte component code, or export high-resolution PNG under ISC...
lucide iconsreact componentarrowcirclesvg
https://openskills.cc/skills/sickn33-skills-cc-skill-frontend-patterns
Frontend Patterns - React Component Development Patterns and Performance Optimization Guide - Open...
Frontend Patterns provides a collection of frontend development patterns for React and Next.js, covering practical approaches to component design, custom...
react componentperformance optimizationfrontendpatternsdevelopment
https://www.nayanui.com/react/tags/mobile-divider-react
Nayan UI - Mobile Divider React - React Component Tag
Browse Nayan UI React components tagged with "Mobile Divider React". Find related components, examples, and documentation.
react componentnayanmobiledividertag
https://agenticui.in/prompts/components/toggle-group
Toggle Group — React Component & Prompt for AI Coding Agents | Agentic UI | Agentic UI (AgenticUI)
A set of two-state buttons that can be toggled on or off.
ai coding agentsreact componenttogglegroupprompt
https://www.olyxui.com/docs/components/context-menu
Context Menu React Component - Olyx UI
Build an accessible React context menu component with Olyx UI, Base UI primitives, TypeScript examples, native CSS, and copy-and-own source.
context menureact component
https://agenticui.in/prompts/components/3d-model-viewer
3d Model Viewer — React Component & Prompt for AI Coding Agents | Agentic UI | Agentic UI...
An interactive 3D model viewer component for a variety of file formats including GLTF, GLB, FBX, and OBJ. It features dynamic lighting, environmental pr...
ai coding agentsmodel viewerreact componentpromptagentic
https://www.htmlelements.com/tag/react/
react - Smart.UI Component Library
ui componentreactsmartlibrary
https://tendee.io/icon/simple-icons-rakutenkobo
Rakuten Kobo Icon — Free SVG & React Component | Tendee
Download the Rakuten Kobo brand logo as free SVG. Part of Simple Icons. Free for personal and commercial use.
rakuten koboreact componenticonfreesvg
https://agenticui.in/prompts/components/3d-slider
3d Slider — React Component & Prompt for AI Coding Agents | Agentic UI | Agentic UI (AgenticUI)
A responsive, 3D image/content slider with a smooth, cascaded stacking effect. It uses Framer Motion for the complex 3D transforms (translateX, translat...
ai coding agentsreact componentsliderpromptagentic
https://uxmagic.ai/react-component-library/blog-post-header/blog-post-header-33
Blog Post Header 33 | React Component Library
Versatile figma blog post header template free Figma templates for startup and enterprise projects. Design professional interfaces with ready-to-use components.
blog postreact componentheaderlibrary
https://skecher-ui.com/docs/image-glide
Image Glide React Component | Skecher UI
A clean image interaction component with pointer depth, soft image transitions, and a compact thumbnail rail. Install it with the shadcn CLI and copy the...
react componentimageglide
https://tendee.io/icon/simple-icons-apachejmeter
Apache JMeter Icon — Free SVG & React Component | Tendee
Download the Apache JMeter brand logo as free SVG. Part of Simple Icons. Free for personal and commercial use.
apache jmeterreact componenticonfreesvg
https://iconsearch.info/icons/heroicons/arrow-long-up
Arrow Long Up Icon SVG — Free Heroicons Download & React Component | IconSearch
Download free Arrow Long Up vector SVG icon from Heroicons. Copy clean SVG, React JSX, Vue, Svelte component code, or export high-resolution PNG under MIT...
react componentarrowlongiconsvg
https://tendee.io/icon/hugeicons-cloud-saving-done-01-rounded
Cloud Saving Done 01 Icon — Free SVG & React Component | Tendee
Download the Cloud Saving Done 01 icon as SVG or React component. Part of the Hugeicons icon set (rounded style). Free for personal and commercial use.
cloud savingreact componentdoneiconfree
https://empire-ui.com/blog/component-api-design
React Component API Design: Props, Variants and Compound Patterns
Jul 26, 2026 - How to design React component APIs that don't make developers hate you - props, variants, compound patterns, and the decisions that actually matter.
react componentcompound patternsapidesignprops
https://velora.colorlib.com/components/3d-pin
3D Pin – React & Tailwind CSS Component | Velora UI
Card that tilts back as a glowing pin rises with a label chip and rippling rings. Free and MIT licensed: 1.9 KB gzipped, zero dependencies, reduced-motion...
tailwind csspinreactcomponentvelora
https://app.t2.world/article/clrv1kk0j3836220mcwgtkgmbv
How to build a customized Tabs component with React | t2.world
Before Starting: Embarking on a Journey of Custom Components Welcome to the kickoff of a series where we delve into the art of building customized components....
how tobuildcustomizedtabscomponent
https://cascivo.com/docs/components/app-shell/
AppShell — accessible React component — cascivo
Sticky-header + full-height side-nav + single-scroll-container layout with an animated, accessible nav toggle.
react componentaccessible
https://geops.com/de/blog/react-18-unterstuetzung-fuer-create-react-web-component
React 18 Unterstützung für create-react-web-component | geOps
Wir wollen fünf Jahre alte Abhängigkeiten des Projekts trafimage-maps aktualisieren. Aber es scheint, dass eine Projektabhängigkeit veraltet ist. Was sollen...
web componentreactcreate
https://tendee.io/icon/lucide-icons-badge-euro
Badge Euro Icon — Free SVG & React Component | Tendee
Download the Badge Euro icon as SVG or React component. Part of the Lucide Icons icon set (regular style). Free for personal and commercial use.
react componentbadgeeuroiconfree
https://tendee.io/icon/lucide-icons-cat
Cat Icon — Free SVG & React Component | Tendee
Download the Cat icon as SVG or React component. Part of the Lucide Icons icon set (regular style). Free for personal and commercial use.
react componentcaticonfreesvg
https://github.com/mdwp/scrivito-eventbrite
GitHub - mdwp/scrivito-eventbrite: A React component/Scrivito widget to get events from...
A React component/Scrivito widget to get events from eventsbrite. - mdwp/scrivito-eventbrite
react componentto getgithubeventbritewidget
https://thewebdev.info/2021/07/24/how-to-add-a-click-handler-to-the-body-element-from-within-a-react-component/
How to Add a Click Handler to the Body Element from within a React Component? - The Web Dev
how tothe bodyfrom withinreact componentweb dev
https://reactbits.dev/components/flex-carousel
Flex Carousel — React Component | React Bits
An infinite image row that flows through invisible liquid glass at its edges. Explore the Flex Carousel React demo and source code.
react componentflexcarouselbits
https://purecode.ai/community/powerfulwriteup-tailwind-apifeatures
A P I Features - Free React, Tailwind Component
APIFeatures - Create a stunning API showcase with responsive layouts, interactive elements, and sleek design, built with React and Ta. Free code available!
a pfeaturesfreereacttailwind
https://mui.com/material-ui/react-toggle-button/
Toggle Button React component - Material UI
A Toggle Button can be used to group related options.
toggle buttonreact componentmaterial
https://uxmagic.ai/de/react-component-library/portfolio-header/portfolio-header-28
Portfolio Header 28 | React Component Library
Professional portfolio figma template template collection for modern designers. Build engaging experiences with our premium Figma components.
react componentportfolioheaderlibrary
https://www.sencha.com/js/react-data-grid-enterprise/
Enterprise React Data Grid Component
Sep 9, 2026 - ReExt delivers an enterprise React data grid built for scale — powerful filtering, grouping, and virtualization for large, complex datasets.
data gridenterprisereactcomponent
https://control-ui.dev/components/audio-visualizer
AudioVisualizer — React component | Control UI
Audio visualization with waveform, line envelope, and frequency bar alternatives. Choose the implementation that fits your audio data.
react componentcontrol
https://tendee.io/icon/tabler-icons-glass-off-regular
Glass Off Icon — Free SVG & React Component | Tendee
Download the Glass Off icon as SVG or React component. Part of the Tabler Icons icon set (regular style). Free for personal and commercial use.
react componentglassiconfreesvg
https://uxmagic.ai/react-component-library/long-form-content/long-form-content-6
Long Form Content 6 | React Component Library
Creative config figma long form content templates for web and mobile applications. Design beautiful interfaces with our comprehensive Figma library.
long formreact componentcontentlibrary
https://tendee.io/icon/simple-icons-shopify
Shopify Icon — Free SVG & React Component | Tendee
Download the Shopify brand logo as free SVG. Part of Simple Icons. Free for personal and commercial use.
react componentshopifyiconfreesvg
https://agenticui.in/prompts/components/scroll-cards
Scroll Cards — React Component & Prompt for AI Coding Agents | Agentic UI | Agentic UI (AgenticUI)
A premium scroll-cards component.
ai coding agentsreact componentscrollcardsprompt
https://velora.colorlib.com/components/parallax-grid
Parallax Grid – React & Tailwind CSS Component | Velora UI
Gallery columns drifting at different rates for depth. Free and MIT licensed: 0.8 KB gzipped, only depends on motion/react, reduced-motion safe. Install it...
tailwind cssparallaxgridreactcomponent
https://www.gettemplate.app/forms/rental-application
Rental Application — React Form Component | GetTemplate
Copy-paste Rental Application built with React and Tailwind CSS. Live preview, theme customization, and production-ready real estate form code for Next.js.
rental applicationreactformcomponent
https://cascivo.com/docs/components/side-nav/
SideNav — accessible React component — cascivo
Collapsible sidebar navigation with optional icons and one level of grouping
react componentaccessible
https://agenticui.in/prompts/components/1726048328615
Cursor Interaction — React Component & Prompt for AI Coding Agents | Agentic UI | Agentic UI...
This project is a visually captivating webpage featuring a canvas animation created using JavaScript. The animation consists of colorful particles movin...
ai coding agentsreact componentcursorinteractionprompt
https://builder.atheros.ai/components/pills
Pill Pagination — Navigation Component (HTML, CSS, JS / React)
A pure CSS pills pagination with rounded items, ellipsis windowing for 9 pages, and keyboard navigation — fully token-driven and design-system agnostic.
navigation componentpillpaginationhtmlcss
https://www.nayanui.com/react/tags/react-checkbox-hooks
Nayan UI - React Checkbox Hooks - React Component Tag
Browse Nayan UI React components tagged with "React Checkbox Hooks". Find related components, examples, and documentation.
nayanreactcheckboxhookscomponent
https://themecobra.com/zxol-react-component-publish
React Component Publish: Quickly publish React components with a barebones boilerplate. – Theme...
A streamlined boilerplate for React component publishing, featuring Webpack 4 and Babel 7, designed for easy local testing and npm deployment.
react componentpublishquicklycomponentsbarebones
https://konstaui.com/react/button
Button React Component | Konsta UI React
Mobile UI components built with Tailwind CSS
react componentbuttonkonsta
https://dev.to/freecodez/react-grid-loader-component-4l87
React Grid Loader Component - DEV Community
Hey there, You are most welcome to this article. React Grid Loader Component For full source code... Tagged with freecodez, react, html, blog.
dev communityreactgridloadercomponent
https://shadcncraft.com/components/official-shadcn/field
Field component for shadcn/ui – React + Figma – shadcncraft
A production ready field component built with shadcn/ui. Use the React code or customize the matching Figma design to ship interfaces faster.
fieldcomponentreactfigma
https://tendee.io/icon/simple-icons-igdb
IGDB Icon — Free SVG & React Component | Tendee
Download the IGDB brand logo as free SVG. Part of Simple Icons. Free for personal and commercial use.
react componentigdbiconfreesvg
https://www.nayanui.com/react/checkbox
Nayan UI - Checkbox - React Component
A Checkbox component is a UI element that allows users to select or deselect one or more options from a list. It typically appears as a small square that can be
react componentnayancheckbox
https://blog.logrocket.com/choosing-when-to-build-a-custom-react-component-library/
Choosing when to build a custom React component library - LogRocket Blog
Jun 4, 2024 - Building a React component library impacts your entire project. Learn the benefits, trade-offs, and approaches to customizing one.
react componentchoosingbuildcustomlibrary
https://devicons.io/icons/rax/
Rax Logo — Free SVG Icon & React Component | Devicons
Rax was a lightweight, React-compatible JavaScript framework by Alibaba for building universal applications. Download the Rax logo as a free SVG, or use the...
react componentraxlogofreesvg
https://www.gettemplate.app/forms/single-page-checkout
Single-page Checkout Form — React Form Component | GetTemplate
Copy-paste Single-page Checkout Form built with React and Tailwind CSS. Live preview, theme customization, and production-ready e-commerce form code for...
single pagereact componentcheckoutform
https://build.codersarts.com/resources/components/user-menu-dropdown
User Menu Dropdown | React UI Component
A compact account menu with animated dropdown links.
ui componentusermenudropdownreact
https://www.designcise.com/web/tutorial/should-react-component-name-begin-with-capital-letter
Should React Component Names be Capitalized? - Designcise
react componentnamescapitalized
https://cascivo.com/docs/components/context-menu/
ContextMenu — accessible React component — cascivo
Right-click context menu anchored at pointer coordinates via CSS custom properties
react componentcontextmenuaccessible
https://purecode.ai/community/loginpagecomponent-mui-muilogin
Login Page - Free React, Mui Component
LoginPage - A sleek, user-friendly interface for secure logins with form validation, responsive design, and social media integration,. Download code free!
login pagefreereactmuicomponent
https://tendee.io/icon/phosphor-icons-member-of
Member Of Icon — Free SVG & React Component | Tendee
Download the Member Of icon as SVG or React component. Part of the Phosphor Icons icon set (regular style). Free for personal and commercial use.
member ofreact componenticonfreesvg
https://thewebdev.info/2021/09/25/how-to-handle-double-click-events-in-a-react-component/
How to Handle Double Click Events in a React Component? - The Web Dev
Sep 25, 2021 - Spread the love Related Posts How to Render New React Component on Click?Sometimes, we want to render a new React component on click in our React app.… How to...
how todouble clickin areact componentthe web
https://mui.com/
MUI: The React component library you always wanted
MUI provides a simple, customizable, and accessible library of React components. Follow your own design system, or start with Material Design.
react componentmuilibraryalwayswanted
https://www.untitledui.com/react/marketing/banners/banner-dual-action-default-full-width
Cookie consent — React Component | Untitled UI
Powerful and customizable react component. Displays a banner to inform users about cookie usage and collect their consent. Built with React Aria and Tailwind...
cookie consentreact componentuntitled
https://www.nayanui.com/react/tags/badge-design-system
Nayan UI - Badge Design System - React Component Tag
Browse Nayan UI React components tagged with "Badge Design System". Find related components, examples, and documentation.
design systemreact componentnayanbadgetag
https://uxmagic.ai/vi/react-component-library/career/career-34
Career 34 | React Component Library
Responsive career figma design components for multi-platform projects. Create consistent experiences across web and mobile.
react componentcareerlibrary
https://frontendland.com/product-table-component
Product Table Component for Svelte and React - Frontend Land
Manage your product details with the help of this product table component written for Svelte and React applications.
producttablecomponentsveltereact
https://devicons.io/icons/mlab/
Mlab Logo — Free SVG Icon & React Component | Devicons
mLab was a fully managed cloud-hosted MongoDB database service, now part of MongoDB Atlas. Download the Mlab logo as a free SVG, or use the React, Vue, and...
react componentmlablogofreesvg
https://cascivo.com/docs/components/inline-loading/
InlineLoading — accessible React component — cascivo
Compact inline status indicator that pairs a label with a loading, success, or error state
react componentaccessible
https://devsly.io/best-skills/dennisonbertram/steal-react-component
dennisonbertram/steal-react-component — AI agent skill | DevSly
Claude Code skill to extract React components from any production website 65 stars · for Claude · 1 skills.
react componentai agentstealskill
https://tendee.io/icon/simple-icons-cockroachlabs
Cockroach Labs Icon — Free SVG & React Component | Tendee
Download the Cockroach Labs brand logo as free SVG. Part of Simple Icons. Free for personal and commercial use.
cockroach labsreact componenticonfreesvg
https://www.nayanui.com/react/tags/external-link-react
Nayan UI - External Link React - React Component Tag
Browse Nayan UI React components tagged with "External Link React". Find related components, examples, and documentation.
external linkreact componentnayantag
https://lightswind.com/components/users-circle
React Users Circle Component - Lightswind UI
A premium orbital user avatar showcase component featuring concentric dotted ring tracks, upright counter-rotating avatars, customizable radius and gap, live...
reactuserscirclecomponent
https://gist.github.com/thevangelist/e2002bc6b9834def92d46e4d92f15874
The only React.js component test you'll ever need (Enzyme + Chai) · GitHub
The only React.js component test you'll ever need (Enzyme + Chai) - my-component.spec.js
the onlyreact jscomponent testeverneed
https://ui.trophy.so/docs/components/achievement-badge
Achievement Badge — React Achievement Badge Component | Gamification UI Kit by Trophy
Open source React achievement badge component with locked/unlocked states, progress rings and rarity support. Use for achievement UI design and collections....
react componentui kitachievementbadgegamification
https://hashnode.com/posts/the-react-key-prop/6346b6f9c34d3928ad7b22c0
Discussion on "The React Key Prop: How to reset component state, remove unnecessary effects, and...
Discussion on "The React Key Prop: How to reset component state, remove unnecessary effects, and write clearer code". If you've done any kind of frontend work,...
on thehow todiscussionreactkey
https://www.gettemplate.app/forms/data-sharing-preferences
Data Sharing Preferences Form — React Form Component | GetTemplate
Copy-paste Data Sharing Preferences Form built with React and Tailwind CSS. Live preview, theme customization, and production-ready settings form code for...
data sharingreact componentpreferencesform
https://www.studyzone4u.com/post-details/understanding-react-component-lifecycle-with-hooks
Understanding React Component Lifecycle with Hooks - studyzone4u.com
Learn how to manage the component lifecycle in React using Hooks like useEffect and useLayoutEffect with examples, tips, and best practices. - studyzone4u.com
react componentunderstandinglifecyclehooks
https://blog.filestack.com/future-proofing-react-file-uploader/
How to Future-Proof a React File Uploader Component
Oct 6, 2026 - Web developers who want to build an application using the react JS or write codes for building a website must consider the react file upload
how tofuture proofreactfileuploader
https://ssych.com/library/balance-chart
Balance Chart, a dark shadcn React component · ssych ui
A wallet balance chart for crypto and banking apps: an area line coloured by trend, with high and low marks and timeframes from 1H to All.
react componentbalancechartdark
https://www.penta-code.com/react-server-side-component-demo-app-walkthrough/
React Server Side Component Demo App Walkthrough | Pentacode
server sidedemo appreactcomponentwalkthrough
https://agenticui.in/prompts/components/1732007604021
Interactive 3D Cards — React Component & Prompt for AI Coding Agents | Agentic UI | Agentic UI...
This project demonstrates a visually stunning and interactive 3D card design built using HTML, CSS, and Vue.js, creating an engaging and modern user exp...
ai coding agentsreact componentinteractivecardsprompt
https://ssych.com/library/payment-card
Payment Card, a dark shadcn React component · ssych ui
A saved payment card for billing and banking settings that lifts out of its pocket to show the card face, with an update card form.
payment cardreact componentdark
https://agenticui.in/prompts/components/stepper
Stepper — React Component & Prompt for AI Coding Agents | Agentic UI | Agentic UI (AgenticUI)
A sleek animated increment/decrement stepper with spring physics, number-flip transitions, and boundary-aware disabled states.
ai coding agentsreact componentstepperpromptagentic
https://iconsearch.info/icons/heroicons/backspace
Backspace Icon SVG — Free Heroicons Download & React Component | IconSearch
Download free Backspace vector SVG icon from Heroicons. Copy clean SVG, React JSX, Vue, Svelte component code, or export high-resolution PNG under MIT license.
react componentbackspaceiconsvgfree
https://tendee.io/icon/google-material-symbols-clock-arrow-up-fill
Clock Arrow Up Icon — Free SVG & React Component | Tendee
Download the Clock Arrow Up icon as SVG or React component. Part of the Google Material Symbols icon set (fill style). Free for personal and commercial use.
react componentclockarrowiconfree
https://tendee.io/icon/google-material-biotech-filled
Biotech Icon — Free SVG & React Component | Tendee
Download the Biotech icon as SVG or React component. Part of the Google Material icon set (fill style). Free for personal and commercial use.
react componentbiotechiconfreesvg
https://control-ui.dev/components/task-list
TaskList — React component | Control UI
Floating agent task progress pill above the composer that expands into the full task list.
react componenttasklistcontrol
https://ui.watermelon.sh/animated-components/copy-confirm
Copy Confirm: Animated React Component | Watermelon UI
Interactive micro-interaction component for copy confirm.
react componentcopyconfirmanimatedwatermelon