Active Challenges

Previous Challenges

The ones that you could've been a part of! Don't miss out!

Finished

Keyboard Button Replica

Replicate this 3D key button using code.

This time, we're challenging you to replicate Voicu's Bluetooth keyboard button, complete with a realistic blue LED light. Can you bring it to life using Tailwind or CSS? Don’t forget to add some unique interactions to make it special!

Nov 3, 2024
73
Finished

Voice Control Replica

Replicate this card using code.

In this challenge, your task is to replicate this minimalistic voice-activated AI card, designed by Yevhen, using CSS or Tailwind. Feel free to get creative with unique interactions!

Oct 15, 2024
69
Finished

Liquid Button

Design a liquid button using CSS or Tailwind.

Your mission is to create a captivating button that mimics the smooth motion of a liquid. Whether it’s a button that drips, flows or melts, let your creativity take over! Don’t forget about special interactions to receive some additional points.

Sept 30, 2024
84
Finished

Game UI: Button

Design a button for a video game using CSS or Tailwind

In this challenge, you will be creating a button for a game’s UI. Whether it's for a start menu, in-game actions, or any other function, focus on both aesthetics and purpose to enhance the gamer’s experience. The theme of the game is up to you. Consider aspects like animation and interaction to make your button stand out!

Sept 4, 2024
96
Finished

3D Graph Replica

Create a replica of this graph using code

In this challenge, you will be replicating Voicu's futuristic 3D Graph using CSS or Tailwind. Bring it to life by adding unique interactions to receive additional points.

Aug 19, 2024
39
Finished

Button Mastery 3

Replicate this button as close as possible with code

In this challenge, you will be replicating a button designed by Todels using CSS or Tailwind. Interactions like focus or hover will secure you additional points and make the final product more unique.

Jul 30, 2024
66
Finished

Search Bar Mastery

Replicate this search bar as close as you can with CSS or Tailwind

In this challenge, you will be using CSS or Tailwind to create a replica of a dark gradient search bar designed by Raafi G. Make sure to incorporate interesting interactions to bring the search bar to life!

Jul 2, 2024
58
Finished

Button Mastery Vol. 2

Replicate this button as close as possible with CSS or Tailwind

This time, your task is to prove your CSS or Tailwind skills by mimicking a button designed by Shubhajit. To make your final product stand out, don’t forget about interactions like a unique focus or hover.

Jun 10, 2024
93
Finished

Social Banner

Style this HTML to create a captivating banner for Uiverse.io

Did you know Uiverse was on social media? Because we would love everyone to know, we are giving you a unique task. All of you are given the same predefined HTML structure for a card element. We challenge you to design the card as an eye-catching banner in the style of Uiverse.

May 13, 2024
48
Finished

Button Mastery

Replicate this button as close as you can with code

In this new type of challenge, the goal is to mimic the given design as closely as possible using CSS or Tailwind. For additional points, don't forget to incorporate interactions such as focus or hover. This time, the design is a colorful, shiny button designed by solya~.

Apr 22, 2024
34
Finished

Tooltip Challenge

Create an eye-catching tooltip

In this challenge, your mission is to craft an eye-catching, informative tooltip. Aim to include interactions, such as having it pop out by hovering. Selected tooltips from this challenge will be published as normal posts under a new "Tooltip" category. You can use both CSS or Tailwind.

Oct 31, 2023
45
Finished
Tailwind CSS

Button Frenzy: Tailwind Edition

Create a Unique Button with Tailwind CSS

In this challenge, your mission is to create a unique, interactive button using Tailwind. Utilize the power of Tailwind's utility-first classes to make your button not just look great, but also include interesting interactions on hover, focus, or click.

Jul 11, 2023
38
Finished

One <div> challenge

Add styling to just one <div>

Create a design using just one div and your CSS mastery. This challenge tests your ability to craft astounding visuals from the simplest HTML element! Have fun and make sure you create something original!

May 21, 2023
34
Finished

Open-Source CSS Odyssey

Bring this HTML to life with your own styles

In this unique challenge, you and all participants will be working with the same predefined HTML structure for a card element. Your objective is to demonstrate your creativity and expertise by styling the card in your own unique way without altering the HTML.

Apr 12, 2023
61
Finished

CSS from the future

Create a set of futuristic radio-buttons

In this CSS challenge, the task is to create a set of futuristic radio buttons that look like they belong in a high-tech, advanced interface. The challenge is to create a design that is both sleek and functional, with a focus on innovative, cutting-edge aesthetics.

Mar 19, 2023
43
Finished

CSS Game UI Challenge

Create a level-up notification

Imagine you are playing a game and you have just reached a new level. What kind of visual notification would you like to see? Use your creativity to come up with a unique and fun level-up notification for a game.

Mar 6, 2023
39
Finished

CSS Space Challenge

Create a space-themed button

Showcase your UI skills by creating a button inspired by the vastness of space. The best button will be selected by the community and will be featured on the homepage.

Feb 18, 2023
81