Skip to content

cwRichardKim/RKCardView

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

48 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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)