Apple Design Resources vs UI Foundations Kit

Comparing the features of Apple Design Resources to UI Foundations Kit

Feature
Apple Design Resources
UI Foundations Kit

Capability Features

App Icon Templates
Component Categories
LayoutsElementsListsLayoutFormsNavigationOverlaysMarketingEcommerceThemes
Component Examples
Sidebar LayoutsStacked LayoutsDual Sidebar LayoutsButtonsButton GroupsStatsAvatarsMenusBadgesTablesCard GridsContainersDividersDecorationsAuthenticationInputsSelects & ComboboxesNavbarsBreadcrumbsDrawersHelp MenusNotificationsHero SectionsFeatures SectionsProduct Display PagesProduct ListsProduct CartsTheme Providers
Copy and Paste Usage
Custom Symbol Creation
Design Guidelines Included
Export for Marketing
Export to Vector Tools
Font Downloads
SF ProSF CompactSF MonoNew YorkSF ArabicSF ArmenianSF GeorgianSF Hebrew
Fully Responsive Design
JavaScript Support
Liquid Glass Effects
Marketing Asset Templates
Modern CSS Techniques
Multi-layer Icon Format
Number of Authentication Components
5
Number of Button Components
8
Number of Navbars
4
Number of Sidebar Layouts
5
Parallax Visual Effects Tools
Platforms Supported
iOSiPadOSmacOStvOSwatchOSvisionOS
Prebuilt React Components
100
Preview Dashboard
Production Templates
SF Symbols Animation
SF Symbols Library
Themeable Components
TypeScript Support
UI Kit Availability

Integration Features

Figma Integration
Illustrator Integration
Keynote Integration
MUI v6+ Support
MUI v6 or greater
PDF Export
Photoshop Integration
PNG Export
Sketch Integration
Styled System Integration
Supports .tsx and .jsx
.tsx.jsx
SVG Export
Tailwind CSS Integration
Xcode Integration

Limitation Features

File Size Limitations
Some files are large (e.g. up to 358 MB for Apple Watch Series 11 bezel)
Icon Composer System Requirements
macOS Sequoia or later
No API Integration
No API or Plugin Integration
No Figma/Design Files
No Joy UI Components
No Joy UI Support
Parallax Exporter Plug-In Requirements
Adobe Photoshop 2023 (v24.1) or later; macOS 12.4.0+ or Windows 10 64-bit (22H2)+
Parallax Previewer App Requirements
macOS 13.5 or later (v2), macOS 10.10.5 or later (v1)
SF Symbols System Requirements
macOS Sonoma or later (for version 7), macOS Ventura or later (for version 6)
Sketch Requirement for Download

Other Features

Trusted by Teams
500

Pricing Features

Buy to Access
Free Tier