iOS developers and UI designers
Starting a new news app project and needing a consistent UI component library.
About
The ETtoday Component mind map template provides a structured catalog of reusable UI components for building news and media applications. It organizes 30 nodes into four main categories: Button, CollectionViewCell, TableViewCell, and TabBar. The Button branch includes six variants such as 'Full View Button', 'Social Button', and 'Label Link Button', while CollectionViewCell covers Video, News, Album, and Live sections with subtypes like 'Video Single', 'News Double', and 'Album List'. This template serves as a component cheat sheet for iOS developers and designers working on ETtoday-style interfaces, helping standardize UI elements across projects. It is best used as a reference during app development or as a checklist for component inventory.
Terms and ConditionsWhen to use this template
Product managers and frontend engineers
Auditing an existing app to identify missing or redundant UI elements.
Tech leads and onboarding mentors
Onboarding new team members and providing a visual reference of reusable components.
How to use this template
Step 1
Launch the Template in Xmind
Open the .xmind file in Xmind (desktop, web, or mobile app).
Step 2
Explore the Main Component Branches
Browse the four main branches (Button, CollectionViewCell, TableViewCell, TabBar) to view all component nodes.
Step 3
Add Detailed Implementation Notes
Click on any node to add notes, links, or images with implementation details.
Step 4
Customize Nodes for Your Project
Customize the template by adding new component branches or renaming existing nodes to match your project's naming conventions.
Step 5
Export and Share with Your Team
Export the mind map as an image or PDF to share with your team as a component reference sheet.
Frequently asked questions
The template covers four main categories: Button (6 variants), CollectionViewCell (Video, News, Album, Live), TableViewCell (4 subtopics), and TabBar (Main and ContentView).
Open the .xmind file in Xmind, then expand each branch to review component names. Use it as a checklist to ensure all UI elements are designed and implemented consistently.
Yes, you can add new component types, rename existing nodes, or attach notes and images to each node for detailed specifications.
It organizes content display cells for video, news, album, and live sections, with single and double layout variants for flexible grid designs.
While named for iOS conventions, the component categories are platform-agnostic and can be adapted for Android or web UI inventories.
Got an inspiring template?
Share your mind map templates with creators around the world and start earning from your work.
Free template