MetaMask / MetaMask/test-dapp

Idea: Replace Bootstrap?

Open
#143 2 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
642
Forks
369
PR merge metrics
No merged PRs in 30d

Description

Bootstrap is a fine project if you always want to use the default UI elements and never want to have your own CSS or customize the UI in any way. Once you reach even a short point after starting to use Bootstrap, though, it gets progressively more and more difficult to customize. (This is the problem with UI frameworks in general, by the way.) It would be better and easier in the long run if we used our own CSS. There are a couple of routes we could take:

* Use our own design system borrowed from the extension
* This might be difficult considering we've never tried to extract this (to my knowledge)
* Use something like Tailwind to build our own UI
* This would be best combined with the switch to React
* This is not as hard as it sounds — we may have to spend time up front to add styles for buttons, text inputs, etc. but in my experience Tailwind is incredibly easy to get started with, and you don't really have to think about best practices or file organization

Contributor guide

No contributing guide indexed for this repository

Research direction

No files, tests, or entry points are named. First compare the proposed custom design system and Tailwind routes, including whether a React switch is part of the work; done would require an agreed direction and a scoped plan for replacing Bootstrap.

Written by the indexing model from the issue text.

Assessment

Tech stack
bootstrap, javascript, react, tailwindcss
Domain
design, frontend, web-dev
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
20/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.