Avatar
Blog
Contact
Tag css
https://omatsuri.app/

Open source browser tools for everyday use.

  • Page divider
  • Triangle generator
  • Color shades generator
  • html symbols collection
  • Fake data generator
https://github.com/tw-in-js/twind

The smallest, fastest, most feature complete Tailwind-in-JS solution in existence

Twind is a small compiler (~13kB) that converts Tailwind classes into actual CSS rules at runtime. If you have used Tailwind or other CSS-in-JS solutions, then most of the API should feel very familiar.

https://uiw.tf/minimap

Minimap For The Web

Interact with the current page from a bird's eye view.

If you've ever played a video game, then you've most likely also used a minimap! A minimap is a heads up display that aids players in orienting themselves in the game world.

Could a minimap help us navigate the web? Maybe...

We can use an experimental CSS property currently only available in Firefox to display a live image from an arbitrary HTML element.

This makes it trivial to create a minimap representation of the entire page.

https://simplecss.org/

Simple.css is a classless CSS framework that allows you to make a good looking website really quickly.

By classless I mean that there are no CSS classes anywhere in the CSS or the HTML. So your website can look just like this using plain old vanilla HTML.

Cool, huh?

https://github.com/tailwind-mobile/tailwind-mobile

Mobile UI components made with Tailwind CSS

Tailwind Mobile - Pixel perfect mobile UI components built with Tailwind CSS with iOS and Material Design components for React, Vue & Svelte

https://github.com/vechai/vechaiui

A set of high-quality accessible React UI components with the built-in dark mode using Tailwind CSS. Pre-designed headless ui and radix-ui.

https://tailblocks.cc/

Ready-to-use Tailwind CSS blocks.

https://github.com/argyleink/gui-challenges

centralized projects from the YouTube show GUI Challenges

I build interfaces my way, then challenge you to do it your way. With our creative minds combined, we'll find multiple ways to solve these interfaces and expand the diversity of our skills.

https://css-tricks.com/adam-argyles-sick-mouse-out-css-hover-effect/

Sick Mouse-Out CSS Hover Effect from left to right and out

https://mantine.dev/

A fully featured react components library

https://github.com/soheilpro/mailwind

Use Tailwind CSS to design HTML emails.

https://github.com/markmead/hyperui

Free open source Tailwind CSS components

https://github.com/malerba118/scrollex

A library to help you make beautiful scroll experiences using minimal code.