Skip to content
The Snppts web UI hosted at
JavaScript CSS C# HTML
Branch: master
Clone or download
jfversluis Merge pull request #32 from prabakaranr/master
Added the Essential UI Kit.
Latest commit b3bc7f2 Nov 14, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github PR template Nov 1, 2019
assets Added PNG badge Jun 12, 2019
src Merge branch 'master' into master Nov 14, 2019
.gitignore Initial commit May 28, 2019 Initial commit May 28, 2019 Update May 28, 2019
azure-pipelines.yml Set up CI with Azure Pipelines Nov 12, 2019


Hi! Welcome to!

If you create cool UIs in Xamarin, this is the place to be! You're welcome to add your created UIs and become part of our ever-growing library of content! Please keep in mind that what you are sharing does not violate the community code of conduct.

Add yourself as an author

To add yourself as a Snppts author you can fork this project, add yourself to the authors folder as a class, implementing the IAmAnAuthor interface.

The result should look something like this:

public class StevenThewissen : IAmAnAuthor
    public string FirstName => "Steven";
    public string LastName => "Thewissen";
    public Uri Website => new Uri("");
    public string TwitterHandle => "devnl";
    public string GitHubHandle => "sthewissen";
    public string EmailAddress => "";
    public string GravatarHash => "62ce0e69389e31fd3c42fb230f9b1637";

A few pointers:

  • Name the class after your first and lastname with PascalCase.
  • The FirstName and LastName property should resemble that same name.
  • EmailAddress, TwitterHandle andGitHubHandle should be pretty clear, TwitterHandle without the leading @.
  • The Website property can be your global website or whatever you want people to look at.
  • If you want to show your Gravatar go to and get your hash! If you don't fill the hash, you will be viewed as a silhouette.

Add your first snippet

To add a snippet you can fork this project, add your snippet to the Snippets folder as a class, implementing the IAmASnippet interface.

The result should look something like this:

public class PinBasedLogin : IAmASnippet
    public string Slug => "pin-based-login";
    public string Title => "PIN-based Login";
    public string GithubRepoName => "snpptsio/Snppts.PinBasedLogin";
    public bool ContainsAndroidSample => true;
    public bool ContainsiOSSample => true;
    public bool ContainsUWPSample => false;

    public string Description => "This snippet was created to demonstrate a simple PIN-based login screen. It uses buttons and images to create the numpad control. Tapping on a number adds the number to a property bound to the interface. Also contains some simple length checks (max. 6 characters) for the PIN code and uses Fresh MVVM for its page models.";

    public IAmAnAuthor AuthorInfo => new StevenThewissen();

    public IEnumerable<Uri> ImageUris => new List<Uri>
        new Uri(""),
        new Uri("")

    public IList<Category> Categories => new List<Category>

A few pointers:

  • Name the class after the title of your snippet with PascalCase.
  • Provide a slug where your creation should be permalinked on Snppts.
  • Link your IAmAnAuthor object by creating a new instance of it. This allows you to post more snippets in the future!
  • Choose one or more appropriate categories for your creation. If there's no existing category that fits your creation you're allowed to add one but it will be reviewed upon submitting your PR.
  • With ImageUris you can supply one or more URIs showing off screenshots of your creation. Please make sure that these screenshots are all of a single screen, so no compilations.

Just Xamarin please

This site is dedicated to Xamarin, so samples in Swift, Java, Objective-C and the likes will not be accepted. Since we will be looking at each PR we will reject any that are not about Xamarin.

The last step...

And it truly is a big step for monkeykind 🐵! Last thing that remains is submit a Pull Request to us and whenever it gets merged party 🎉! You're on Snppts now!

Featured on Snppts Badge

Don't forget to incorporate the Featured on Snppts badge on your blog and link back to us! Enjoy all of our great content! Of course you are more than welcome to submit other features and bugfixes as well.


You can’t perform that action at this time.