View Code? Open in Web Editor
NEW
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
seamless-ui's Issues
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.
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.
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.
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.
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.
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.
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.
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.
Hey,
I would like to create a subscription box using HTML and Tailwind CSS
Images
Plz review this and assign it to me under hacktober'22
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
This should include the user's profile picture on clicking that picture we can visit his/her profile.
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.
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.
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. ๐
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.
Someone need to create the primary button using HTML and tailwind CSS...reference given below. โฌ๏ธ
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.
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.
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.
please assign this to me under hacktoberfest 2022
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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
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 Dropdown/index.html
.
If you need to use any icon please use it from Hero Icons
Good luck.
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.
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.
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.
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.
We need issue template for Bugs, Enhancement, Documentation and more.
Anyone feel free to add your inputs also in this.
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.
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.
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.
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.
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.
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.
hay @Rajdip019 I would like to add an FB login page to the newly created a folder so can you assign me under a hactoberfest
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.
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.
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.
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.
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.
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.
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.
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.
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???
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.