๐
SundarUI
Discover a vast library of open-source Tailwind CSS components and Mobile UI design elements
What is SundarUI?
Sundar UI is a library of prebuilt user interface (UI) components that can be easily integrated into your web projects. The library provides a variety of components that are designed to be visually appealing and functional, including buttons, forms, modals, and more.
๐
Motivation- Streamlining development
- Saving time and effort
- Improving consistency
- Accessibility
๐ป
Tech/Framework used
๐
Features-
Comprehensive component library: Sundar UI should offer a wide range of pre-built components for both Tailwind CSS and mobile applications. These components covers common UI elements such as buttons, forms, navigation and more.
-
Customization options: While the pre-built components should be useful as is, users may want to customize them to better suit their specific needs. Sundar UI could provide customization options such as color schemes and more, so users can make the components their own.
-
Code snippets: Many users will likely want to use Sundar UI components as part of their existing projects. Sundar UI provides code snippets for each component, making it easy for users to drop them into their codebase.
-
Documentation: Clear documentation is key to using any new library or framework effectively. Sundar UI provides clear and concise documentation for each component, including examples of how they can be used and customized.
-
Responsive design: Given the increasing importance of mobile devices, Sundar UI ensure that all components are fully responsive and mobile-friendly.
-
Support for multiple libraries: While Tailwind CSS and XML/XSL, Sundar UI is also useful to support other popular libraries such as React.js, Vue.js along with that normal HTML5.
๐
Getting StartedGetting started with Sundar UI is easy, and we've made it even easier with our step-by-step guide. Follow these detailed steps to start using our prebuilt components for Tailwind CSS and XML, XSL:
-
Visit our website at https://sundar-ui.netlify.app/
-
This is the first step to getting started with Sundar UI. By visiting our website, you can see our collection of prebuilt components, browse their examples, and see what's available.
-
Choose the components you want to use in your project.
-
Once you've visited our website and looked through our collection of prebuilt components, it's time to choose the ones you want to use in your project. You can filter components by category, or search for specific components by name or keyword.
-
Copy the code for the component you want to use.
-
After you've found the components you want to use, simply click on the component to see its example code. Copy the code for the component and paste it into your project's HTML or XML/XSL file.
-
Modify the component to fit your specific needs.
-
All of our components are fully customizable, which means you can easily modify them to fit your specific needs. Use Tailwind CSS to modify the appearance of the component, or use XML/XSL to modify its structure and content.
-
Test your component.
-
Once you've modified the component to fit your needs, it's important to test it thoroughly to ensure that it works as expected. Test the component on various devices and screen sizes to make sure that it's fully responsive.
-
Repeat steps 2-5 for any additional components.
That's it! With Sundar UI, you can save time and effort by using our prebuilt components to quickly and easily create beautiful, responsive websites and applications.
๐งฐ
Configure this project to work on your local machine
๐
Prerequisites
Before starting out, you'll to install the folowing on your computer.
๐ ๏ธ
Installation
- Fork this repo by clicking on the
Fork
button. - Clone the repository using
git clone {repository url}
. You can find repo url by clicking on theCode
button. - Run
cd SundarUI
to change the current directory. - Install the dependencies by running the command
npm install
ORnpm i
. - Start the development server by running the command
npm run dev
. - To see the output, click on the url
http://localhost:5173/
.
โ๏ธ
ComponentsSundar UI provides a variety of components that you can use in your web projects. Here are some examples:
- Buttons
- Forms
- Modals
- Alerts
- Icons
For a full list of components, please refer on the Sundar UI website.
๐จโ๐ป
ContributionAny contribution are highly appreciated.
- create an issue and tell us your idea
๐ก . Make sure that you use theenhancement
label in this case. - fork the project and submit a PR with your new idea. Before doing that, please make sure that you read and follow the Contribution Guide.
๐
Code of ConductPlease refer to our Code of Conduct to ensure that your contributions align with our community values and standards of conduct.
๐
Spread the word!If the information from this repo was useful to you in any way, make sure you give it a star
Do you have any suggestions on how we could improve this project overall? Let us know! We'd love to hear your feedback!
Maintainers
Raj Patel - Maintainer
Upendra Sahni - Maintainer
Dipesh Patel - Maintainer
โค๏ธ
Thanks to all the contributors
๐ณ
LicenseCode is under the MIT License. See LICENSE for more information.
ยฉ 2023-24 SundarUI