IxDF UI Kit
“Article Card” Component
Design: zeplin.
The article card features the hero image of the UX Daily article, with the article title laid over the image. The hero image is cropped and centered to fit the card’s size.
Small Card
Small Card take full width in small screen, 4 columns in medium screen and 3 in large screen. Title is in kilo type font.
UI Animation—How to Apply Disney’s 12 Principles of Animation to UI Design
UI Animation is a valuable skill in a designer’s toolkit. You can use UI animation effects to reduce cognitive load, as
- 430 shares
- 1 week ago
How to Get Started with UX Writing
Written content is a crucial part of UX design. Without engaging copy, your UX will suffer. UX writing is a reasonably n
- 343 shares
- 1 mth ago
4 UI Design Tips Every Designer Needs to Know
User interface (UI) design can make or break any digital product. A user often won’t even notice when they interact with
- 331 shares
- 2 weeks ago
Healthcare UX—Design that Saves Lives
UX design has the potential to improve people’s everyday lives. The stakes are even higher if you work as a UX designer
- 405 shares
- 1 mth ago
Large Card
Large Card take full width in small screen, 8 columns in medium screen and 6 in large screen. Title is in mega type font.
UI Animation—How to Apply Disney’s 12 Principles of Animation to UI Design
UI Animation is a valuable skill in a designer’s toolkit. You can use UI animation effects to reduce cognitive load, as
- 430 shares
- 1 week ago
Usage
@include('components.cards.article', ['article' => $article])
@include('components.cards.article', ['article' => $article, 'large' => true])Props
-
article (required)App\Models\Publication\Article
Article instance to display.
-
largebool
Becomes large card if true is passed.
Default Value:
false