Developers, do you use components from other products?

Hello, 1. Identify the Component Type Determine whether the component is a UI element (e.g., button, card, modal), a functional module (e.g., form validation, API handler), or a broader concept like design language or interaction pattern. If it’s part of a web project, you can use the browser's developer tools to inspect the component’s HTML, CSS, and JavaScript. 2. Check for Availability and Licensing Open Source Projects: If the component is from an open-source project, check the repository (e.g., on GitHub) for the license type and whether it allows reuse. Many open-source components are reusable with some conditions (e.g., attribution). Commercial Products: If it's from a commercial product, verify if they offer component libraries, design systems, or SDKs. Many companies provide these for external developers. 3. Extract or Recreate the Component Copying Code Directly: If allowed, you can copy the HTML, CSS, and JavaScript of the component. Be sure to adapt the code to your project’s style and structure. Recreating the Component: Analyze how the component works and create your own version of it. This approach is useful if you want to avoid licensing issues or add custom functionality. 4. Use a Design System or Component Library Check if the component is part of a larger design system or component library, such as Material UI, Bootstrap, or Tailwind UI. If it is, you can integrate the library into your project to gain access to the entire set of components. Libraries often come with pre-built and tested components that are easy to integrate. 5. Reference UI/UX Inspiration Tools For UI components or design ideas, you can look for similar elements on platforms like Dribbble, Behance, UI Patterns, or CodePen. Some of these platforms offer code snippets or design files that you can use to build similar components.

I sometimes use components from open source projects like bootstrap or material-ui to speed up development. It's good to check the licensing first to make sure you can use them. For commercial products, some companies provide their own component libraries or design systems you can use. And recreating components yourself based on inspiration from sites like Dribbble or Behance is always an option too. The key is to integrate them smoothly into your own project's design.

Tried many libraries but man, Im in love with shadcn