Frequently Asked Questions (FAQ)

Below are some of the most common questions we get about using Componefy components. If you don't find your answer here, feel free to reach out to us!

1. How do I start using Componefy components?

Getting started is easy! Simply browse our collection of components for React, Vue, Svelte, or TailwindCSS. Once you've found a component, copy the provided code and paste it directly into your project. Since Componefy is not an npm package, no installation is required.

Quickstart Guide

2. What frameworks are supported by Componefy?

Componefy components are designed to work with the following frameworks:

React: You can copy and use components directly within your React project.
Vue: Our components integrate smoothly with Vue projects.
Svelte: You can easily add components to your Svelte app.
TailwindCSS: If you're using TailwindCSS, our components are styled and ready to go with utility classes.

3. Do I need to install anything to use Componefy?

No, Componefy doesn’t require installation! All you need to do is copy the component code and integrate it into your project. However, if you’re using TailwindCSS, make sure that it's properly set up in your project for the styling to work.

TailwindCSS Installation Guide

4. Why aren’t my TailwindCSS styles working?

If your TailwindCSS styles aren’t showing up, it’s likely due to an issue with the configuration. Here are a few things to check:

Make sure TailwindCSS is installed and correctly configured in your project.
Check your tailwind.config.js file and ensure that the content paths are pointing to your component files.
After any configuration changes, don’t forget to restart your development server.

For more troubleshooting help, visit the Errors page.

5. How do I customize Componefy components?

You can easily customize Componefy components by modifying their props (for React, Vue, Svelte) or using additional TailwindCSS utility classes. If you need to override or extend styles, TailwindCSS's extend feature in the configuration file will allow you to modify existing components.

Customization Guide

6. Can I use Componefy components in a Next.js project?

Yes, Componefy components work with Next.js. Just make sure that TailwindCSS is properly installed and configured. If you encounter build or hydration issues, double-check that all components are following Next.js conventions (e.g., server-side rendering, static site generation).

Next.js TailwindCSS Setup

7. What should I do if I encounter errors?

If you’re experiencing issues with Componefy components, check the following:

Ensure that your TailwindCSS is set up correctly.
Check your framework’s syntax (React, Vue, Svelte) to ensure the component is properly integrated.
Review error messages in the console for clues.

For more detailed help, check out the Errors page.

8. Can I use Componefy components without TailwindCSS?

While TailwindCSS is the default styling library for Componefy components, you can still use the components without it. However, you will need to manually apply your own styles, as TailwindCSS provides the utility classes that make styling easier.

9. Is Componefy free to use?

Yes, Componefy is free to use. Our goal is to provide developers with ready-to-use components that save time and streamline the development process.

10. How do I get support if I have more questions?

If you’re stuck or need additional support, feel free to reach out to us through our support page or community forums. We're here to help!