framer/syntax

Stars
123
Rank 288,305 (Top 6 %)
Language
License
MIT License
Created over 6 years ago
Updated over 1 year ago

framer/syntax

framer

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

A VSCode dark theme inspired by Framer’s popular code editor.

Framer Syntax

Introduction

Framer Syntax is a dark, minimalist theme inspired by Framer’s popular code editor. It supports coding languages like HTML, CSS, JS, and JSON, giving you everything you need to build amazing products for the Web.

Installation

Install theme via Marketplace
Launch Quick Open from within Visual Studio Code by pressing cmd shift p.
Type theme and choose Preferences: Color Theme
Select the Framer Syntax Theme

Alternatively install via CLI:

code --install-extension Framer.framer-syntax

motion

Open source, production-ready animation and gesture library for React

monobase

React static site generator

framer-bridge-starter-kit

Start your design system in Framer X.

FramerExamples

Framer Examples

FramerXDocs

Docs for Framer X (work in progress)

next.js

Framer Next.js Quickstart

moonbase

Your base on the moon

example-framer-esm-setup

snippets

Snippets and examples of popular patterns.

syntax-atom-ui

An Atom UI theme inspired by Framer’s popular code editor.

SpringsExample

Example projects of how to use Framer Springs in iOS

plugins

A collection of example Framer Plugins.

syntax-atom

An Atom dark theme inspired by Framer’s popular code editor.

respo

Responsive React Component

FramerXFolderExample

This project show how a .framerfx folder-backed project can share components with a regular React project.

FramerStyleGuide

A style guide for writing and designing Framer content

FramerTraining

Framer training materials for workshops and demos.

MoonbaseEngine

Your base on the moon

bundler

paint

FramerFxStarterTemplate

merge-approved-pull-request-action

A GitHub action that automatically merges approved pull requests.

FramerLinkSite

plugin-oauth