preface
The Tailwind UI was discovered last year on the Tailwind CSS website, and the preview was a great fit for abstract prototyping (PS: “Zero Fidelity” ð)
A prototype that uses color and outline without concrete text
The official website of Tailwind UI used to be gray, ðĪ used Axure to reproduce (Chao Xi) a set for personal use, recently found that the official website has been updated, take advantage of the free time to update and share.
TailwindUI abstract Component library (Chao XI) TailwindUI abstract component library
As for the version number, the previous version for self-use is 1.0, this release version will use 2.0.
TailwindUI Abstract Component library 2.0
software
Component library made using Axure 9, EMM, other versions of the self-test ðĪŠ
The import
Click the + sign to import Axure
download
Link: pan.baidu.com/s/10stlheV4… Extraction code: S4Fq
Stop talking. Look at things first
Put in two prototypes of the new version
color
The main color
The text
A border
background
size
The front screen measures 1440px by 820px
Q: Why not make it 1920px wide?
A: As an abstract component library, it can be used but not necessary. 1440 is enough to show some modular concepts
Q: Why isn’t the height 900px?
A: Browser TAB + address bar â 80px, need to subtract this part
When prototyping, 24 grids are recommended for alignment
component
At the top of the navigation
The side navigation
button
The text
The form
Other elements
The list of
The picture
The module
One last word
The screenshot shows most of the components and the total number of components
| classification | The number of |
|---|---|
| basis | 6 |
| layout | 12 |
| At the top of the navigation | 8 |
| The left navigation | 6 |
| button | 7 |
| The text | 9 |
| The form | 16 |
| The element | 14 |
| The list of | 13 |
| The picture | 4 |
| The module | 9 |
| page | 9 |
Please leave a message if you need any new components.
ð repeat the download address
Link: pan.baidu.com/s/10stlheV4… Extraction code: S4Fq