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

Memberstack

Goal: Create the highest quality UI Kit for Webflow forms. 

I'll be regularly updating this project for the next 90 days or so. Please submit your feature requests and feedback to duncan@memberstack.com. 

There are sooooo many excellent projects on the showcase today, but nothing that collections the best Webflow Form elements in one place. It'll take a few weeks to finish, so I decided to share it early to collect feedback and ideas. I'll post a mini-cloneable project each time I finish a section or exciting component. 

Please like/clone this project to help others find it too! 

Planned input types:
→ Button
→ Checkbox
→ Color picker
→ Date selector
→ Date and time selector
→ Email input
→ File uploader
→ Hidden input
→ Image button
→ Month and year selector
→ Numeric input
→ Password input
→ Radio button
→ Slider
→ Reset button
→ Search input
→ Submit button
→ Telephone input
→ Text input
→ Time selector
→ URL input
→ Week and year selector

The Ultimate Webflow Forms UI Kit

Osmo

Until launch, we’re offering a free cloneable every single week, so you can get a feel for what’s coming.

Join the waitlist → https://osmo.supply/

Looping words with GSAP

Flowbase

Hey Friends!

Adding a date field doesn't have to be tricky. Here's one that you can add in 30 seconds, and it includes some of the basic styles to help you customise it.

Oh, it will also inherit the sites <body> typography, so if you want it to match your sites vibe, please be sure to have that selected.

You can find the code in the page settings, and utilise it by adding the custom attribute that you'll find on the demo input field.

For the full guide, visit flowbase.co

-------------

Discover the world's largest collection of Webflow components.

⭐ flowbase.co/explore

Instantly copy from our huge library with a single click. Premium components that help you solve problems faster. 

Become a member today!
⭐ flowbase.co/club

Webflow Date Picker

 ✅ Goal 1: Create the highest quality UI Kit for Webflow forms. (clone it here https://webflow.com/made-in-webflow/website/form-ui-kits)
 ✅ Goal 2: Make it dark mode.

There are sooooo many excellent projects on the showcase today, but nothing that collections the best Webflow Form elements in one place. It'll take a few weeks to finish, so I decided to share it early to collect feedback and ideas. I'll post a mini-cloneable project each time I finish a section or exciting component.

Please like/clone this project to help others find it too!

Planned input types:
→ Button
→ Checkbox
→ Color picker
→ Date selector
→ Date and time selector
→ Email input
→ File uploader
→ Hidden input
→ Image button
→ Month and year selector
→ Numeric input
→ Password input
→ Radio button
→ Slider
→ Reset button
→ Search input
→ Submit button
→ Telephone input
→ Text input
→ Time selector
→ URL input
→ Week and year selector

Dark Mode Inputs | Webflow Form UI Kit

Happy Wednesday!

This project is a Date Picker input using some custom code in Webflow. It's customizable and requires no coding knowledge to implement if you copy and paste all the required pieces.

Here's a link to clone the complete UI kit - https://webflow.com/made-in-webflow/website/form-ui-kits

Working Date Picker Input

Say goodbye to hoping your visitors will follow the format you put in the placeholder. This easy, attribute based solution automatically formats your form inputs to match the format you declare.

Automatically Format Your Form Inputs

Happy Wednesday! I noticed a BUNCH of forum threads around select fields with lots of options. 

The top two solutions are custom code and manually entering each value one at a time. But custom code is often hard to update and manually entering values is a total pain. 

Thanks to WF copy and paste + Chat GPT, I found a way to add options to Webflow's native select field automatically 🎉  

You can use this handy little tool to:
1) Enter a comma-separated list of "options" to appear in your select input. (ChatGPT is really good at this and you can often find these lists around the internet).
2) Click the copy button to grab your new input. 
3) Paste it into Webflow.

I hope this is helpful for you!

Generate Webflow Select Inputs - Fast!

Easily add inputs including the following:

- Date
- Datetime
- Week
- URL
- Range
- Color
- Reset Button

To your Webflow/Memberstack forms without any additional JavaScript!

All you need to do is embed the HTML and then style it with Webflow classes!

Native HTML Inputs

Harminder Singh

A concept designed for the innofoods pre-launch website. As Innofoods, a snack brand was planning to launch a new e-commerce store in the United States, this concept was created to brainstorm possibilities.
**Please feel free to clone and play with the cloneable. **

Made by theThind 💪

Website Prelaunch with parallax animation

BRIX Agency

Display the precise time elapsed between the current date and the publish date of your article or resource using our Posted Free Time Ago Webflow cloneable.

— — — ❓ What are the benefits of using our integration? — — —

🎨 Highly customizable: Whether your brand elements are complex or simple, you'll be able to fully customize the posted time ago badge.

⚡ Lightning fast: The posted time ago feature operates properly with minimal website resources.

⏰ Implement in no time: Add the posted time ago feature to your website in terms of seconds.

🚀 Easy to edit: Edit and maintain this integration effortlessly. No prior knowledge is required; simply add it and you're done!

Check our live preview 👉🏻: https://posted-time-ago-cloneable-brix.webflow.io/

⚙️ Need a hand in implementing this Webflow cloneable? Send us an email to ✉️ contact@brixagency.com and one of our Webflow Experts will get back to you within 24 business hours.

Posted Time Ago Free Webflow Cloneable | BRIX Agency

This adds a date picker to any Webflow form, with the date displayed in the format and language you set on each page. When the form submits, the date is automatically converted to a machine-readable format so your backend gets a consistent value.

To get the code, head to: https://www.memberstack.com/scripts/date-picker-custom-format-and-language?via=memberscript-on-youtube

Have you used a Memberscript in your project? We'd love to highlight your work and share it with the community💙: https://airtable.com/appcuIe0ED9BSulEJ/paguhCXUHOO36PIym/form

Date Picker with Custom Format and Language in Webflow

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

3673080560

3680518347

3736611573

3737116140

3840796123

3844506029

3876837227

3879263312

Best Dateselector Websites | Free Examples & Designs

Discover Dateselector websites
built by the Webflow community

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

Discover Dateselector websites built by the Webflow community

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

Discover Dateselector websites
built by the Webflow community