Skip to content

About

Beautiful Twitter / Facebook style cards

Resources

Stars

814 stars

Watchers

39 watching

Forks

Latest commit

 

History

48 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 

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)

About

Beautiful Twitter / Facebook style cards

Resources

Stars

814 stars

Watchers

39 watching

Forks

Releases

Packages

Contributors

Languages