Pavel Laptev PavelLaptev

📺

Long live the new flesh!

Digital designer, passionate about design, frontend, art, and architecture. I create, write, and contribute to the community.

PavelLaptev / LoadAPI.tsx

Created October 2, 2018 09:19

	import * as React from "react";
	import { PropertyControls, ControlType } from "framer";

	// Define type of properties
	interface Props {
	usersAmount: number;
	}

	interface States {
	json: any;

PavelLaptev / LoadFromFile.tsx

Last active November 28, 2018 04:21

	import * as React from "react";
	import { PropertyControls, ControlType } from "framer";

	// Define type of property
	interface Props {
	json: any;
	}

	interface States {
	json: any;

PavelLaptev / RandomMockDataList.tsx

Created October 4, 2018 09:30

	import * as React from "react";
	import { PropertyControls, ControlType, Stack } from "framer";
	import { List_Item } from "./canvas";

	// Define type of property
	interface Props {
	rows: number;
	}

	export class RandomMockDataList extends React.Component<Props> {

PavelLaptev / DesignCompAndJSON.tsx

Created October 4, 2018 18:42

	import * as React from "react";
	import { Stack, PropertyControls, ControlType, Override } from "framer";
	import { cardsData } from "./data/cards-data";

	// Define type of property
	interface Props {
	width: number;
	height: number;
	itemsAmount: number;
	}

PavelLaptev / InputComponent.tsx

Created November 11, 2018 08:14

	import * as React from "react";
	import { PropertyControls, ControlType } from "framer";
	import styled from "styled-components";

	// Styled components
	const InputWrappeer = styled.div`
	display: flex;
	flex-direction: column;
	`;

PavelLaptev / Validate-inputs.tsx

Created November 11, 2018 21:59

	import { Data, animate, Override, Animatable } from "framer";

	const data = Data({ opacity: Animatable(0.3), currentPage: 0 });

	let inputsValidity = Data({
	login: false,
	pass: false
	});

	const btnAnimationTime = 0.2;

PavelLaptev / clone multiple children with another style

Created December 14, 2018 08:57

	import * as React from "react";
	import { PropertyControls, ControlType } from "framer";

	// Define type of property
	interface Props {
	width: number;
	listHeaderTitle: string;
	}
	export class RadioGroup extends React.Component<Props> {
	// Set default properties

PavelLaptev / getFigmaObjTree.js

Last active September 3, 2021 08:35

	async function getFigmaObjTree(figmaApiKey, figmaId) {
	let result = await fetch("https://api.figma.com/v1/files/" + figmaId, {
	method: "GET",
	headers: {
	"X-Figma-Token": figmaApiKey
	}
	});
	let figmaTreeStructure = await result.json();
	console.log(figmaTreeStructure);
	}

PavelLaptev / getStylesArtboard.js

Last active June 11, 2019 22:54

	async function getStylesArtboard(figmaApiKey, figmaId) {
	const result = await fetch("https://api.figma.com/v1/files/" + figmaId, {
	method: "GET",
	headers: {
	"X-Figma-Token": figmaApiKey
	}
	});
	const figmaTreeStructure = await result.json();

	const stylesArtboard = figmaTreeStructure.document.children.filter(item => {

PavelLaptev / base.json

Created January 3, 2019 12:25