Git Product home page Git Product logo

clueless-community / seamless-ui Goto Github PK

View Code? Open in Web Editor NEW
298.0 298.0 267.0 156.31 MB

The next gen UI made with simple HTML and Tailwind CSS. It's compatible with simple HTML, CSS static website or a React, Vue, Angular or Next.js Complex app. Zero JS and no-plugins installed.

Home Page: https://seamlessui.vercel.app

License: MIT License

HTML 78.33% MDX 21.67%
css diversion2k23 html mdx nextjs open-source tailwindcss ui-components uikit woc wociiitkalyani

seamless-ui's People

Contributors

amitdeka avatar animesh156 avatar arjunchoudhury07 avatar atul-8115 avatar awesomeasma avatar dibyendu303 avatar hritikbhattacharya avatar jerrygood24 avatar krunalgupta02 avatar kumar-ankit56 avatar madhurkharche avatar mukeshkuiry avatar neokd avatar nik132-eng avatar prosecutor1x avatar rahulkarda avatar rajdip019 avatar ravindrap04 avatar rohan9024 avatar rt-001 avatar rupsha014 avatar saishreekouda avatar sakshishah29 avatar sayantanmpaul avatar tanmaydoesai avatar tapo41 avatar tushar98644 avatar udoyhasan avatar vaibhavtalkhande avatar yashsarnaik22 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  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

seamless-ui's Issues

Create a Button with Icon ending

One need to make this component using HTML and CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.
btn-sm-5

After building the component please raise a PR with a screenshot of the component and add the component in Button/button_with_icon_end.html.

If you need to use any icon please use it from Hero Icons

Good luck.

Create a DropDown button

One need to make this component using HTML and Tailwind CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.

Add image here

image

After building the component please raise a PR with a screenshot of the component and add the component in Dropdown/index.html.

If you need to use any icon please use it from Hero Icons

Good luck.

Create a secondary icon button rounded

One need to make this component using HTML and CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.
btn-sm-29

After building the component please raise a PR with a screenshot of the component and add the component in Buttons/button_secondary_rounded_icon.html.

If you need to use any icon please use it from Hero Icons

Good luck.

Create a Book appoinment component

One need to make this component using HTML and Tailwind CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.
image

After building the component please raise a PR with a screenshot of the component and add the component in path of the file.

If you need to use any icon please use it from Hero Icons

Good luck.

Create a Pagination

One need to make this component using HTML and Tailwind CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.
Screenshot (141)

After building the component please raise a PR with a screenshot of the component and add the component in pagintion/index.html.

If you need to use any icon please use it from Hero Icons

Good luck.

Create a Primary Button Rounded

One need to make this component using HTML and CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.
btn-sm-10

After building the component please raise a PR with a screenshot of the component and add the component in Button/button_primary_rounded.html.

If you need to use any icon please use it from Hero Icons

Good luck.

Create a Content Card

One need to make this component using HTML and Tailwind CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.
Screenshot (147)

After building the component please raise a PR with a screenshot of the component and add the component in Content Cards/index.html.

If you need to use any icon please use it from Hero Icons

Good luck.

Create a Carousel using html and css(tailwind css)

One need to make this component using HTML and Tailwind CSS. I would suggest to use [Tailwind Playgrounds](Screenshot 2022-10-12 183832) to make things faster and quicker.

Here is a reference to the component.

Add image here

After building the component please raise a PR with a screenshot of the component and add the component in path of the file.

If you need to use any icon please use it from Hero Icons

Good luck.

please assign this to me under hacktoberfest 2022

Create a product card floating phone

One need to make this component using HTML and Tailwind CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.
image

After building the component please raise a PR with a screenshot of the component and add the component in path of the file.

If you need to use any icon please use it from Hero Icons

Good luck.

Create a Product Card Component

One need to make this component using HTML and Tailwind CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.
image

After building the component please raise a PR with a screenshot of the component and add the component in path of the file.

If you need to use any icon please use it from Hero Icons

Good luck.

Create a store button for apple

One need to make this component using HTML and Tailwind CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.

Market button

After building the component please raise a PR with a screenshot of the component and add the component in Store Button/store-button-for-apple-lightmode.html.

If you need to use any icon please use it from Hero Icons

Good luck.

Create a Subscription card

Hey,
I would like to create a subscription box using HTML and Tailwind CSS

Images

issue1 (1)

Plz review this and assign it to me under hacktober'22

create a more button

One need to make this component using HTML and Tailwind CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.
more

After building the component please raise a PR with a screenshot of the component and add the component in path of the file.

If you need to use any icon please use it from Hero Icons

Good luck.

create primary button

Someone need to create the primary button using HTML and tailwind CSS...reference given below. โฌ‡๏ธ

btn-sm-1

Create a secondary rounded icon button

One need to make this component using HTML and CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.

btn-sm-33

After building the component please raise a PR with a screenshot of the component and add the component in Buttons/icon_button_secondary_rounded.html.

If you need to use any icon please use it from Hero Icons

Good luck.

Make more Issue template

We need issue template for Bugs, Enhancement, Documentation and more.

Anyone feel free to add your inputs also in this.

Create a bell notification

One need to make this component using HTML and Tailwind CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.
Screenshot (279)

After building the component please raise a PR with a screenshot of the component and add the component in path of the file.

If you need to use any icon please use it from Hero Icons

Good luck.

Create a store button for windows

One need to make this component using HTML and Tailwind CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.

Market button (4)

After building the component please raise a PR with a screenshot of the component and add the component in Store Button/store-button-windows-lightmode.html.

If you need to use any icon please use it from Hero Icons

Good luck.

Create a mobile filter marketplace

Screenshot 2022-10-13 202718
One need to make this component using HTML and Tailwind CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.

Add image here

After building the component please raise a PR with a screenshot of the component and add the component in path of the file.

If you need to use any icon please use it from Hero Icons

Good luck.

Create a button with icon

One need to make this component using HTML and CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.

btn-sm-2

After building the component please raise a PR with a screenshot of the component and add the component in Buttons/button_with_icon.html.

Good luck.

Create a Testimonial

One need to make this component using HTML and Tailwind CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.
image

After building the component please raise a PR with a screenshot of the component and add the component in Testimonials/index.html.

If you need to use any icon please use it from Hero Icons

Good luck.

Create a Secondary button rounded

One need to make this component using HTML and CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.
btn-sm-28

After building the component please raise a PR with a screenshot of the component and add the component in Button/button_secondary_rounded.html.

If you need to use any icon please use it from Hero Icons

Good luck.

Make resources readme

This is a very beginner friendly repo. So the main goal is everyone can contribute here.

If he is lacking anything he can get those skills and then contribute.

So we need to make a Tutorial.md file. Where we will have.

  • Git and GitHub basics ( Where to study and kunal's YT video on git and GitHub)
  • HTML CSS beginner friendly videos and docs.
  • What is tailwind CSS?
  • Link to it's docs
  • YT video for tailwind CSS

Add a Feature request template<Name>

One need to make this component using HTML and Tailwind CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.

Add image here

NA

After building the component please raise a PR with a screenshot of the component and add the component in path of the file.

If you need to use any icon please use it from Hero Icons

Good luck.

Create a Icon Button

One need to make this component using HTML and CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.
btn-sm-6

After building the component please raise a PR with a screenshot of the component and add the component in Button/ic0n_button_rounded.html.

If you need to use any icon please use it from Hero Icons

Good luck.

Create a review card

Screenshot 2022-10-12 175106
One need to make this component using HTML and Tailwind CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.

Add image here

After building the component please raise a PR with a screenshot of the component and add the component in path of the file.

If you need to use any icon please use it from Hero Icons

Good luck.

Create a secondary button with icon after text

One need to make this component using HTML and CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.
btn-sm-23

After building the component please raise a PR with a screenshot of the component and add the component in Buttons/icon_button_secondary.html.

If you need to use any icon please use it from Hero Icons

Good luck.

Create a store button for apple darkmode

One need to make this component using HTML and Tailwind CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.

Market button (3)

After building the component please raise a PR with a screenshot of the component and add the component in Store Button/store-button-apple-darkmode.html.

If you need to use any icon please use it from Hero Icons

Good luck.

Create a store buttton for windows darkmode

One need to make this component using HTML and Tailwind CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.

Market button (7)

After building the component please raise a PR with a screenshot of the component and add the component in Store Button/store-button-windows-darkmode.html.

If you need to use any icon please use it from Hero Icons

Good luck.

Create a store button for google play darkmode

One need to make this component using HTML and Tailwind CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.

Market button (5)

After building the component please raise a PR with a screenshot of the component and add the component in Store Button/store-button-googleplay-darkmode.html.

If you need to use any icon please use it from Hero Icons

Good luck.

Create a Icon Button Secondary

One need to make this component using HTML and CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.
btn-sm-24

After building the component please raise a PR with a screenshot of the component and add the component in Button/button_with_icon_secondary.html.

If you need to use any icon please use it from Hero Icons

Good luck.

Create a Secondary Button

One need to make this component using HTML and CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.
btn-sm-19

After building the component please raise a PR with a screenshot of the component and add the component in Button/button_secondary.html.

If you need to use any icon please use it from Hero Icons

Good luck.

Create a Testimonial

One need to make this component using HTML and Tailwind CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.
image

After building the component please raise a PR with a screenshot of the component and add the component in Testimonial/index.html.

If you need to use any icon please use it from Hero Icons

Good luck.

Create a store button for Amazon darkmode

One need to make this component using HTML and Tailwind CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.

Market button (6)

After building the component please raise a PR with a screenshot of the component and add the component in Store Button/store-button-amazon-darkmode.html.

If you need to use any icon please use it from Hero Icons

Good luck.

Create a Feedback Form

One need to make this component using HTML and Tailwind CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.
feedback

After building the component please raise a PR with a screenshot of the component and add the component in path of the file.

If you need to use any icon please use it from Hero Icons

Good luck.

Store buttons component

One needs to make this component using HTML and Tailwind CSS. I would suggest using Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.
Screen Shot 2022-10-12 at 11 20 39

After building the component, please raise a PR with a screenshot of the component and add the component in the path of the file.

If you need to use any icon, please use it from Hero Icons

Good luck.

Create a content writer content card

One need to make this component using HTML and Tailwind CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.
contentwriter

After building the component please raise a PR with a screenshot of the component and add the component in path of the file.

If you need to use any icon please use it from Hero Icons

Good luck.

Create a store button for google play

One need to make this component using HTML and Tailwind CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.

Market button (1)

After building the component please raise a PR with a screenshot of the component and add the component in Store Button/store-button-googleplay-lightmode.html.

If you need to use any icon please use it from Hero Icons

Good luck.

Create a Footer with Copyright & social media handles

One need to make this component using HTML and Tailwind CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.

footer-clueless

After building the component please raise a PR with a screenshot of the component and add the component in path of the file.

If you need to use any icon please use it from Hero Icons

Good luck.

created a fb login page

hey @Rajdip019, I want to add FB login page using tailwind and HTML to a newly created folder can you assign me under a hactoberfest label???

demo

Create a Settings Button

One need to make this component using HTML and Tailwind CSS. I would suggest using Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.
image

After building the component please raise a PR with a screenshot of the component and add the component in Buttons/button_filled_icon_rounded_settings.html.

If you need to use any icon please use it from Hero Icons

Good luck.

Create a Secondary rounded Button with icon after the text

One need to make this component using HTML and CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.
btn-sm-32

After building the component please raise a PR with a screenshot of the component and add the component in Buttons/button_secondary_icon_rounded_after.html.

If you need to use any icon please use it from Hero Icons

Good luck.

Create a Secondary button with icon

One need to make this component using HTML and Tailwind CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.
btn-sm-20

After building the component please raise a PR with a screenshot of the component and add the component in Buttons/button_secondary_with_icon.html.

If you need to use any icon please use it from Hero Icons

Good luck.

Create a Icon Button Rounded

One need to make this component using HTML and CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.

btn-sm-15

After building the component please raise a PR with a screenshot of the component and add the component in Button/icon_button_rounded.html.

If you need to use any icon please use it from Hero Icons

Good luck.

Create a Issue and make a component by yourself guide.

Here is a link to the figma UI kit. Figma File

Take a screenshot of the component you want to build. Make sure the component is not already built.

Then create an issue using the New Component issue template. Get assigned and build it.

This is super easy. ๐Ÿ‘

Create a store button for Amazon

One need to make this component using HTML and Tailwind CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.

Market button (2)

After building the component please raise a PR with a screenshot of the component and add the component in Store Button/store-button-amazon-lightmode.html.

If you need to use any icon please use it from Hero Icons

Good luck.

Create a Primary table

One need to make this component using HTML and Tailwind CSS. I would suggest to use Tailwind Playgrounds to make things faster and quicker.

Here is a reference to the component.
clweb#2

After building the component please raise a PR with a screenshot of the component and add the component in Tables/table_primary.html.

If you need to use any icon please use it from Hero Icons

Good luck.

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.