😍
Framer API 中文版
  • 写在前面
  • 从这里开始
    • 介绍
      • 快速开始
      • 基础
    • 教程
      • 准备 Setup
      • 引入 Slider 组件
      • Slider组件的元素
      • 拖动 & MotionValue
      • Hooks & 传递数据
      • 完成
      • 回顾
    • 简要案例
      • Frame
      • Stack
      • Animate
      • Gestures
      • Dragging 拖拽
      • Scrolling 滚动
      • Paging 翻页
      • Tranforms 变换
      • Variants 动画状态组
  • LIBRARY 库
    • Frame
      • Layout 布局
      • Visual 视觉
      • Transform 变换
      • Animation 动画
      • Transition 过渡
      • Variants 动画状态组
      • Tap 点击
      • Hover 悬浮
      • Pan
      • Drag
      • Types
    • Animation
      • Overview
      • Animation controls
      • Tween
      • Spring
      • Inertia 惯性
      • Orchestration
      • Types
    • Color
      • Create
      • Modify
      • Convert
      • Compare
      • Models
    • Page
      • Content
      • Padding
      • Events
      • Effects
      • PageEffectInfo
    • Scroll
      • Sizing
      • Content
      • Events
    • Stack
      • Content
      • Padding
    • Utilities
      • Transfrom
      • useTransform
      • useAnimation
      • useCycle
      • useMotionValue
      • useSpring
      • useViewportScroll
  • FRAMER X
    • Assets
      • Functions
    • Data & Overrides
    • CanvasComponents
      • Canvas.tsx
      • Layout
      • Colors
    • PropertyControls
      • Adding Controls
      • Hiding Controls
      • Array
      • Boolean
      • Color
      • ComponentInstance
      • Enum
      • File
      • FusedNumber
      • Image
      • Number
      • SegmentedEnum
      • String
    • Render Target
      • Properties
      • Functions
Powered by GitBook
On this page
  • Framer API
  • 总览

Was this helpful?

  1. 从这里开始

介绍

Previous写在前面Next快速开始

Last updated 5 years ago

Was this helpful?

Framer API

这是一套完整的Framer Library的API说明文档,Framer这个库是专门为了实现网页端和手机端的高效的原型交互设计工作而制作的。

总览

Framer能帮助实现高级的基于物理现实的动效,基于触控的手势操作,同时还有通用的滚动、翻页组件以及界面化的工作流程。它被设计用来帮助初学者也能突破边界从而探索电子产品的更多可能性。它是基于以下的技术。你可以深入地了解一下以下的内容,尤其是一定要好好阅读下我们的。

- 一个用于创建组件和用户界面的库。它帮助你结构化你的项目,这样你就能轻松得复用和分享它们。

// React component
function Card({ title }) { ... }

- 一种可以直接JavaScript里使用类HTML的语法,这样你就能用熟悉的方式在JS里面搭建文档结构

// JSX markup
<Card title="Hello">World</Card>

- 一种可选的针对ES6语言的扩展语法,能给JS添加类型检查功能,从而让编辑器可以更好地理解你的写的代码,从而实现更好的代码自动补全和提示。

// TypeScript string property type
type CardProps = { title: string }

ES6 和React的指南
React
JSX
TypeScript