Robuta

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