Giter Club home page Giter Club logo

ui-ux-design's Introduction

🎨 UI-UX-Design

The Repository is created to encourage developers to create UI components. Each component is stored in the main directory with the name of the component. If you want to create the same component with a different style, make sure to use your name after the directory name.

πŸ’» For CSS Lovers Who Want to Learn UI/UX Designs

UI-UX-Design gif

This Repository is established in order to encourage developers to design UI components. This component is generated in the main directory with the component name. If you wish to develop the same component in a different style, be sure to include your name after the directory name.

This is for CSS lovers who wants to learn UI/UX Designs gif

Contribution gif

You can check the CONTRIBUTION.md for guidelines for contribution.

🌐 Visit the site UI/UX Design

πŸ› οΈ Technologies Used

  • HTML5 HTML
  • CSS3 CSS

This repository serves as a resource for developers to explore and create various UI components using CSS. Whether you're a beginner or an experienced developer, this repository can be a valuable asset for honing your UI/UX design skills. The components are organized in a user-friendly manner, making it easy to find what you're looking for.

Feel free to contribute your own UI components and designs. Your contributions are highly appreciated and will help create a rich and diverse collection of UI/UX designs.

🌟 Get Started

To get started, simply visit the provided link and explore the various UI components available. Dive into the code to understand how each component is designed and implemented. Feel free to use them in your projects or as inspiration for your own designs.

🀝 Contribution

We welcome contributions from the community. Please read the Contribution.md file for guidelines on how to contribute to this repository. Whether it's adding new components or improving existing ones, your contributions can make a significant impact.

πŸ“„ License

The code in this repository is licensed under the MIT License.

ui-ux-design's People

Contributors

adwaitjadhav avatar anushkamandal25 avatar ashish1659 avatar codeswithroh avatar dishasharma-dev avatar diwuracreatives avatar harvansh-1234 avatar kanishka-parmar avatar kumarsanu2002 avatar mashiban avatar misbah-qadri avatar nirmalyax avatar pandademic avatar patidarmk avatar pushpanjali-10 avatar rileytittle avatar sandra-laguna avatar santhos-13 avatar sarcasticmani avatar shahrozahmd avatar snehpatel007 avatar sonalguptaa avatar surajondev avatar suthargk avatar varunrmantri23 avatar vishakha0411 avatar whitesnek avatar willendes avatar xmrafonso avatar ybhavu avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

ui-ux-design's Issues

Improve UI

Make the colors of the navbar consistent in the website

Improving buttons in Navbar

Can i improve your buttons in the navbar ? Please assign this issue to me , as all the buttons are in different types.

Video player component

Hey there, @surajondev. I’m new to contributing to open source projects and just found this lovely repo. I see there aren’t any video related UI components, such as custom media players and the like. Would you be open to me contributing a custom video player component I’ve created? It does leverage some JSβ€” should all the components contributed here be HTML/CSS only? Thanks for the clarification. Hope I can be of assistance.

Updating UI/UX for forms

Assign me this issue so that I can contribute in making the form more responsive and interactive

Select User UI & Navigation in responsive design.

Hey Suraj, I want to improve the navigation menu, when I opened the site on mobile the navigation menu is not showing what it's expected. The "About Us" is having a line break between itself. The menu is slightly towards the right.

In Select User UI: The pic of Taylor Swift is missing for the third item. I would like to improve that.

Hope you got what I'm trying to say?.
Cheers.

Back button

Most of the designs lack the back button like image-slider, cards, forms, etc.
I would like to add the back button on every design page .
This will make the site user friendly.
@surajondev Please assign this to me i want to work under HactoberFest 2023.

Testimonial UI

Create a testimonial UI that contains

  • Rating
  • Review
  • Profile Pic of Reviewer with name

Responsiveness of site

Site is not responsive in mobile phone and in other size devices. I can make the whole site responsive.
please assign me this issue @surajondev

Rework of the main page UI

Hi, I would like to redo the whole main page of the website to a more modern design. If possible assign me this issue.

Here is the design I plan on doing (made in Figma):
Prototype #1
I went with a more simplistic approach and did a simple logo for the website. I still include some purple since that was one of the main colors here but otherwise, I am going with some shades of white and gray.

Add Search Bar

I can add an animated responsive search bar. Can you please assign me?

Enhance UI-UX-Design Repository with a Timeline Feature

As part of our ongoing efforts to improve the UI/UX of the UI-UX-Design repository, I propose the addition of a timeline feature to provide users with a visual representation of project timelines and milestones. This enhancement aligns with the repository's focus on UI components and will greatly benefit our community of CSS enthusiasts.

Reason for Adding a Timeline Feature:
The addition of a timeline feature serves the following purposes:

Enhanced User Experience: A timeline feature will enhance the overall user experience of our repository by making it easier for users to track project progress and milestones.

Educational Value: Creating and styling timelines is a valuable exercise for CSS learners, allowing them to apply their skills in a real-world context and develop UI components commonly used in web applications.

Current Availability:
It's important to note that the timeline feature is not currently available on the UI-UX-Design website or in the repository. This enhancement proposal aims to introduce this feature.

Alignment with Repository's Mission:
This enhancement aligns perfectly with the repository's mission to foster UI/UX design skills among developers. Timelines are a common UI element in various web applications, and their addition will significantly expand the scope of learning opportunities available through this repository.

I kindly request the community's support and collaboration to address this enhancement issue. If you agree with the proposal and see the value in adding a timeline feature, please consider contributing to this project.

Communication Channel

No channel for communication for this repo? It would have been a good idea if one exists. Thanks.

Image Slider Component

Add an Image Slider UI Component.
It should have

  • At least 5 images
  • Images should change after 3s automatically
  • There should be button for manual change

Enhance UI Library with Subscription Cards

As part of our ongoing efforts to improve the UI/UX of the UI-UX-Design repository, I propose the addition of subscription cards to provide users with a clear overview of available subscription plans. This enhancement aligns with the repository's focus on UI components and will add value to our community of CSS enthusiasts.

  • Reason for Adding Subscription Cards:
    The addition of subscription cards serves the following purposes:

  • Educational Value: Creating and styling subscription cards is a valuable exercise for CSS learners, allowing them to practice their skills in a real-world context.

  • Current Availability:
    It's important to note that the subscription card feature is not currently available on the UI-UX-Design website or in the repository. This enhancement proposal aims to introduce this feature.

This enhancement aligns with the repository's mission to foster UI/UX design skills among developers. Subscription cards are a common UI element in web applications, and their addition will broaden the scope of learning opportunities available through this repository.

It would be great if you could give me this opportunity to address this issue!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.