magnASCII.dev Simone Magnaschi
Senior Full Stack Web Dev
Bookmarks tagged with #ui.
Show all

The Component Gallery

An up-to-date repository of interface components based on examples from the world of design systems, designed to be a reference for anyone building user interfaces.
Saved on: 2025-12-11

WireUi

WireUi - Blade Components
Saved on: 2025-07-31

shadcn/ui

A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.
Saved on: 2025-03-18

21st.dev – The NPM for Design Engineers

Ship polished UIs faster with ready-to-use React Tailwind components inspired by shadcn/ui.
Saved on: 2025-01-15

ReplicateUI

ReplicateUI. GitHub Gist: instantly share code, notes, and snippets.
Tags: #tools #ui
Saved on: 2024-09-24

Check out some examples

Saved on: 2024-04-23

Pines - Alpine and Tailwind UI Library

Pines is a library of animations, sliders, tooltips, accordions, modals, and more!
Saved on: 2024-01-13

16 little UI design rules that make a big impact - Adham Dannaway

A step by step UI design case study to quickly fix an example user interface using logic-driven UI design tips.
Tags: #design #tips #ui
Saved on: 2023-06-27

Web Interface Guidelines

A non-exhaustive list of details that make a good web interface.
Saved on: 2023-02-25

Floating UI - Create tooltips, popovers, dropdowns, and more

A JavaScript library to position floating elements and create interactions for them.
Saved on: 2023-02-21

Tree views in CSS

How to create a tree view (collapsible list) using only HTML and CSS
Tags: #css #tips #ui
Saved on: 2022-11-19

7GUIs

Tags: #ui
Saved on: 2022-05-06

You Don’t Need A UI Framework — Smashing Magazine

Developers often reach for UI frameworks like Bootstrap or Material UI, hoping that they’ll save a bunch of time and quickly build a professional-looking app. Unfortunately, things rarely work out this way. In this article, Josh Comeau is going to make his case for why you probably don’t need these tools. He’ll also share some of his go-to strategies for building professional-looking applications without a design background.
Tags: #webdesign #ui
Saved on: 2022-05-04

Free Open Source Tailwind CSS Components | HyperUI

Discover free Tailwind CSS v4 components for your next project, designed to enhance your web development with the latest features and styles.
Saved on: 2022-05-02

Design Principles

An Open Source collection of Design Principles and methods
Saved on: 2021-09-13

50 ui tips

Saved on: 2021-05-21

Blade UI Kit

A set of renderless components to utilise in your Laravel Blade views. Built for the TALL stack. Completely open-source.
Saved on: 2020-09-03

Blueprint - A React UI toolkit for the Web

A React-based UI toolkit for the web
Saved on: 2016-11-12

Hamburgers

Tasty CSS-animated Hamburgers
Saved on: 2016-03-07

ProseMirror

In-browser structured text editing component
Saved on: 2015-10-19

trix/README.md at main · basecamp/trix

A rich text editor for everyday writing
Saved on: 2015-10-19

Text Input Effects

Simple ideas for enhancing text input interactions
Saved on: 2015-01-10

7 Rules for Creating Gorgeous UI (Part 2) — Medium

We’re talking about rules for designing clean and simple UI without needing to attend art school in order to do so. If you want to be a good UI designer, you’ll have to learn how to put text over…
Saved on: 2014-11-20

interact.js - JavaScript drag and drop, resizing and multi-touch gestures for modern browsers

JavaScript drag and drop, resizing, and multi-touch gestures for modern browsers (and also IE9+)
Saved on: 2014-11-19

jackocnr/intl-tel-input: A JavaScript plugin for entering and validating international telephone numbers. React and Vue components also included.

A JavaScript plugin for entering and validating international telephone numbers. React and Vue components also included. - jackocnr/intl-tel-input
Saved on: 2014-11-09
❤️
</>
2026