• Stars
    star
    823
  • Rank 55,417 (Top 2 %)
  • Language
    Objective-C
  • License
    MIT License
  • Created about 10 years ago
  • Updated over 7 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Beautiful Twitter / Facebook style cards

RKCardView

Beautiful Twitter / Facebook style cards (built with @JaredTMoskowitz)

Support or Twitter @cwRichardKim

Or Check out my Medium posts on UI / UX

This is a template for making beautiful cards

Anatomy

Methods

Responsive Design!

Change the size and the card responds in turn

responsive responsive2

Examples

An example of RKCardView used in a real project

Example

Usage

Pod

pod 'RKCardView'
    RKCardView* cardView= [[RKCardView alloc]initWithFrame:CGRectMake(x origin, y origin, card width, card height)];
    
    cardView.coverImageView.image = [UIImage imageNamed:@"your cover photo"];
    cardView.profileImageView.image = [UIImage imageNamed:@"your profile picture"];
    cardView.titleLabel.text = @"Richard Kim";
    [cardView addBlur]; // comment this out if you don't want blur
    [cardView addShadow]; // comment this out if you don't want a shadow
    [self.view addSubview:cardView];

Areas for Improvement / Involvement

  • More rigorous responsive design (making it look nicer with a wider range of dimensions)
  • Other custom properties (eg: tap to expand, double sided, tap to flip)