Latest0.1.0
Homepagehttps://github.com/cwRichardKim/RKCardView
LicenseMIT
Platformsios 7.0, requires ARC

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)

Latest podspec

{
    "name": "RKCardView",
    "version": "0.1.0",
    "summary": "iOS: Simple and beautiful Twitter / Facebook style card template",
    "description": "A template for all projects that use cards.  Works especially well with the Twitter or Facebook API', -cardView, -Card, -UI, -Tinder, -iphone, -xcode",
    "homepage": "https://github.com/cwRichardKim/RKCardView",
    "screenshots": "http://i.imgur.com/shA68PXl.png",
    "license": {
        "type": "MIT",
        "file": "LICENSE"
    },
    "authors": "cwrichardkim",
    "social_media_url": "http://twitter.com/cwrichardkim",
    "platforms": {
        "ios": "7.0"
    },
    "source": {
        "git": "https://github.com/cwRichardKim/RKCardView.git",
        "tag": "0.1.0"
    },
    "source_files": [
        "RKCard/RKCard/RKCardView.h",
        "RKCard/RKCard/RKCardView.m"
    ],
    "requires_arc": true
}

Pin It on Pinterest

Share This