/    Sign up×
Bounties /Pin to ProfileBookmark

Write a WD article that demonstrates how to build components in Framer

+ 60,000
Copy linkTweet thisAlerts:
Mar 27.2023

Framer is a popular site-building web app primarily geared towards users without any coding knowledge. Using their provided developer tools, there’s a GREAT opportunity for the developer community to extend Framer’s capabilities with standard React and JavaScript.

To claim this bounty, please note the following requirements:

1. The article must be published on WebDeveloper.com by an approved author—replies to this bounty do not qualify. To request author access, submit this form (must be logged in to view).

2. The article must include screenshots for any UI/UX references.

3. The article must include code examples to fully recreate a Framer component.

4. Once published, simply post a link to your article to qualify for this bounty reward.

Bonus SATS (via author tips) available for articles that get featured on the home page!

to post a answer
Technical Writing

5 Replies

Copy linkTweet thisAlerts:
Mar 27.2023 — 
Copy linkTweet thisAlerts:
Mar 27.2023 — 
Copy linkTweet thisAlerts:
@steimeMar 31.2023 — https://webdeveloper.com/tips-tricks/extending-framers-capabilities-with-standard-react-and-typescript-for-developers/
You find my answer here. I did it with TypeScript because Framer suggest TypeScript as a default, when creating new files. I hope this helps
Copy linkTweet thisAlerts:
@luffyMar 27.2023 — I have already sent a request but not yet gotten the author access.
Copy linkTweet thisAlerts:
@themolitorMar 27.2023(updated) — Example answer:

Here is a link to my article: https://webdeveloper.com/tips-tricks/...
×

Success!

Help @hq spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...