Skip to content
This repository has been archived by the owner on Jun 29, 2021. It is now read-only.

Remark SnackPlayer Plugin for enabling react native web previews


Notifications You must be signed in to change notification settings


Folders and files

Last commit message
Last commit date

Latest commit



21 Commits

Repository files navigation

Note: This has been moved to facebook/react-native-website

This plugin was a part of efforts for migrating the React Native's website to Docusaurus v2 (Parent PR Link) (Commit Link)

Remark SnackPlayer

Remark plugin to embed Expo Snack's using Code Blocks

GitHub Workflow Status npm bundle size dependency status for latest release npm

Javascript Javascript


npm install remark-snackplayer


yarn add remark-snackplayer


This plugin parses codeblocks with language set as SnackPlayer and replaces them with embedded Expo's SnackPlayers, you can also provide parameters along with the codeblock to set some basic details.

Example Code Block:

```SnackPlayer name=Hello%20World description=This%20is%20a%20description
import React from 'react';
import { Text, View } from 'react-native';

const YourApp = () => {
    return (
    <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
        Try editing me! 🎉

export default YourApp;```

The above code snippet would look like this on your page

Screenshot 2020-10-03 at 1 11 19 AM


Name Description Default
name SnackPlayer Name "Example"
description Description of the example "Example usage"
platform Example Platform "ios"
supportedPlatforms Supported Platforms "ios,android,web"

To Do

  • Support Passing Configuration Parameters
  • Write Comprehensive tests


MIT © Darsh Patel