Discover the best joshwork websites created by professional designers. Get inspired and start planning your perfect joshwork web design today!

Josh Jacobs

TLDR; people seem to like this circular text with movement, so I thought I'd try and see if I couldn't hack in WF. I did. This is that.

Powered by circletype.js, it's a little wonky and weird with regards to how it's sized... but it works. Includes interactions for page load, scrolling through sections, and for page transitions.

Clone away, and let me know what you think in the comments!

Trendy AF Circular Text

Was a little worried that I wasn't going to be able to achieve this effect; the left rail of photos moving with the slider, the text being yellow over the images... it all seemed impossible.

But, as I am constantly finding out, nothing is impossible in Webflow. Made purely with CSS, Interactions, and alot of messing about. Particularly proud of some of the smaller viewport accommodations.

Clone away, and let me know what you think in the comments, or if you're interested in knowing how I made this project come to life.

Strive, "Plaid Dress": https://dribbble.com/shots/6711696-Plaid-Dress

Dynamic Hero Slider! - Dribbble Series ft. Strive

Hey everyone! Just playing with some super simple headline highlight effects, and thought I'd share them with you! Enjoy!

Headline Highlight + Display on Load/Scroll/Click

NO Javascript, no interactions, just simple, easy-breezy marquees ready to be cloned! The need to create marquees like this for clients has been tremendous recently, so I figured it might be helpful to share with the community!

Note: for the marquee to function without skipping, the first half of the marquee track and second half of the marquee track must be identical. An easy way to do this is to wrap the track content in a div and duplicate it. Also, the CSS for each marquee is included inside its container and is denoted with an emoji 👍

Is this cloneable helpful to your workflow? Buy me a coffee! http://buymeacoffee.com/joshwork

👍👌 Easy CSS-only Marquees! 👍👌Easy CSS-only Marquees! 👍👌Easy CSS-only Marquees! 👍👌

My first cloneable in almost a year! Created in response to a Facebook post that seemed like a worthy challenge 💪

It was super tough to achieve, using a combination of dropdowns, position sticky, CSS Grid & some mix-blend-mode magic to power the colorful overlays. Mostly no-code, with just of 2 bits of JS: one to achieve the jump links (Webflow doesn't play nice with links inside dropdowns) and another set to reset scroll position when closing the accordions.

A few tips:
• Doesn't work well in Safari
• Need to add more jump links? You'll need to add more lines of JS in the page settings. 
• Additionally, jump links are linked to position: absolute elements within each dropdown, so you'll need to add new ones with new IDs to make it work

Enjoy, and let me know what you think!

Design: 
dribbble.com/shots/12209806-Blurr-Animation

Facebook post: facebook.com/100005276292047/videos/287781939881694/

🪗 Full-Height Funky Accordions 🪗

Wanted to play around with the new interaction types in IX2, and as always got a little carried away. All the design credit goes to M S Brar's "Capture Moments" (https://dribbble.com/shots/6291284-Capture-Moments), which I tasked myself with building as reference. Really happy with how it came out.

Peep the microinteractions on the menu button and the funky scroll indicator (which changes to reflect the device type you're on 😍).

Lemme know what you think in the comments!

NEW Slider Interactions! - Dribbble Series Ft. M S Brar

As I approach 500 followers, I thought I'd unleash this beast to the public to pick apart!

She was a doozy, I tell you. The toughest part was figuring out how to manipulate the CSS Clip section to create the filled-in effect on hover.

Also big props to the guys at FINSWEET for their ClassAdder tool, which I'm using here to make the images go on top of one another 💪

So, clone away, and let me know what you think in the comments!



Dribble: 𝔅𝔢𝔰𝔱𝔖𝔢𝔯𝔳𝔢𝔡𝔅𝔬𝔩𝔡 - Nightingale Interactions 02 (https://dribbble.com/shots/8023325-Nightingale-Interactions-02)

FINSWEET Class Adder: https://classadder.webflow.io/

Single-Page CMS Portfolio! Dribbble Series ft. 𝔅𝔢𝔰𝔱𝔖𝔢𝔯𝔳𝔢𝔡𝔅𝔬𝔩𝔡

A 'simple' LVP image accordion xreated in response to a Facebook group question. Implemented using IX2, writing-mode css properties for the vertical text, and a pinch of magic 🧙‍♂️. Gotta love when an easy cloneable comes together!

Lots of maths involved with this implementation..... maths which would need to be re-evaluated if new accordions were added. Note that the original design (https://yesapart.com/en/) switches to a slider on smaller viewports.

Easy Horizontal Image Accordions 🎼

Bobby Rowe

Bobby Rowe is a resource for brands and agencies looking for creative production talent, and an asset for talent looking to work with brands and agencies. 

A lot of fun at lunch but extremely serious over e-mail.

Designed 🎨 by Kendall Gregory, instagram.com/kendallgregory
Developed 👾 in Webflow by Josh Jacobs, webflow.com/joshwork

I'm so happy to share what I've been working on at Jasper for the last few weeks: an all-new web experience! This refreshed website, paired with a brand new homepage, now aligns 1000% better with our new vision & mission: 

✨ Help marketers achieve faster outputs with better outcomes ✨

Can't wait to share more about how this experience came together!

Jasper | AI copilot for enterprise marketing teams

Institute is a creative studio founded on this simple principle: Do good work, that does good, with good people.

Design: Nate Brown, Studio Institute
Development: Josh Jacobs, joshwork.com

STUDIO INSTITUTE

My latest #MadeinWebflow project: a portfolio for my good friend & wordsmith Emily Capps! Need words? She knows a bunch of 'em!

This site was built & iterated upon with the quickness by using the Relume.io library; if you haven't checked out this amazing resource, you're missing out!

Emily Capps - Content designer & super senior copywriter

Thick and Thin are a resource for brands and agencies looking for creative production talent, and an asset for talent looking to work with brands and agencies. 

A lot of fun at lunch but extremely serious over e-mail.

Designed 🎨 by Kendall Gregory, instagram.com/kendallgregory
Developed 👾 in Webflow by Josh Jacobs, webflow.com/joshwork

Thick and Thin

Design: Sanithna Phansavanh, art.sanithna.com
Development: Josh Jacobs, joshwork.com
Content: Emily Capps, emilycapps.com

A clean, unique take on a web portfolio for Orchestrata, an agency of creative pros providing project management for marketing initiatives.

Orchestrata

turnerboone is a Best-in-Class Haworth furniture dealership serving the Atlanta Metro, the Southeast, and beyond. They specialize in conceptualizing, procuring, installing, and maintaining furniture and modular building products for commercial, healthcare & educational interiors.

This project has been a wild one, and I'm particularly proud of the fun, feature-rich display for the products!

turnerboone

Where new instructional designers and eLearning developers grow – together!

Big shout out to Bartek Radziejewski for his help on the amazing Rive animation in the hero! You can find him on Contra here: https://contra.com/bart_radz

The eLearning Designer's Academy

Elayne is an AI-powered benefits solution that helps navigate loss and plan for any phase of life.  Very happy to have helped them get their site upgraded and repositioned for individuals and families!

Navigating loss is incredibly complex. I lost my father last August of 2024, and it’s crazy how much work it takes the average person to settle the deceased's estate (while also, you know, grieving). So thankful for companies like Elayne who help reduce these burdens!

Elayne

102022939

1026885926

102976941

1038319252

gpt-5-nano

1098530826

gpt-4.1-mini

112746687

Get direct access to benefits like unlimited staging sites and more control over roles & permissions

Unlock more for your business with the

1131232030

Custom code and scripts won’t be supported.

Custom code

You won’t be able to export HTML and CSS files.

Code export

You won’t be able to manage site-level access and publishing.

Site-level roles & permissions

{{count}} {{sites}} {{exceed}} client seat limit. Excess seats will be removed.

Client seats

Free guest access to client Workspaces won’t be available.

Guest access

Staging sites will be unhosted with limited CMS, and no passwords or redirects.

Staging sites

1138017326

claude-sonnet-5

1181518147

1186914386

claude-opus-5

119812244

1207293145

1249999967

1270011358

1274323923

1338389614

140432223

1444732314

1462086697

1472415557

1506258256

1514009179

1528308495

15382271

1559290700

1567550242

1592612642

1609688815

1621889036

1631162196

1674778404

1692956854

1696523225

17004821

1726628865

173867728

173927913

1768015773

gpt-5.5

1771795565

1863160016

1870758752

1905118106

1919353748

193274770

193713651

1960278590

1975670756

1977767562

2025032126

2030598753

Outliant

Hireclix

Refokus

Kinetic

Heco

2031366339

2104957652

2144870841

2147413158

2167006968

2216482092

2243824526

2250401860

225169335

2256326107

2291666157

2320791503

2351366352

2355632600

https://s3.amazonaws.com/webflow-dev-assets/66fd83b6cc0c8c6ed0e398e6%2Fcontent.json

2355832585

2401116685

2401437500

2486364096

gpt-4o

gpt-5-mini

gpt-4o-mini

2493307210

2546957535

2556595834

2562948942

2624148589

2639613659

265457401

2717840929

2749253609

2789269995

2826734787

2842505721

284989039

285302288

2903381045

User Accounts will no longer be available on January 29, 2026.

Visit Webflow’s Help Center for migration guidance and more info.

2940878268

2972123611

2977143887

3022611874

3023147062

3026881092

3040272982

3056387847

3057360577

3070246498

307653616

3099012871

3106924665

3108168977

3112069432

3120801339

3125710258

3151661775

3162101956

301 Redirects

Custom Code

Code Export

Site Transfer

Join client workspaces for free and add up to 5 users from your workspace

Guest Access

Limited seats available, n sites will have client seats removed

Client Seats

Staging sites will be unhosted with limited CMS and no passwords or redirects.

Staging Sites

3201643127

3220870747

32368712

3238278814

3256408208

3258716925

3266482432

3289310561

3313039722

3315729993

3387258362

3410497685

3417108561

3452464914

3458155273

gemini-3.8-flash

3497785011

3590523401

3591394191

3594629977

3620665002

3661799733

3669004489

Best Joshwork Websites | Free Examples & Designs

Discover Joshwork websites
built by the Webflow community

Start with a clone. Make it yours with an AI agent.

Discover Joshwork websites built by the Webflow community

Start with a clone. Make it yours with an AI agent.

Discover Joshwork websites
built by the Webflow community