# Custom Views

It's possible to take a pre-defined view that FullCalendar provides and create your own view that spans a different periods of time. You can even code your own view from scratch with JS.

## Techniques

- [Custom Views via Settings](custom-view-with-settings.md) - It is possible to customize an existing available view by tweaking settings.
- [Custom Views via JS](custom-view-with-js.md) - For advanced developers, FullCalendar provides an API for building custom views with the unlimited flexibility of JavaScript code.

## Duration Settings

- [duration](duration.md) - Sets the exact duration of a custom view.
- [dayCount](dayCount.md) - Sets the exact number of days displayed in a custom view, regardless of weekends or hiddenDays.
- [visibleRange](visibleRange.md) - Sets the exact date range that is visible in a view.

## Demos

- [Custom 4-day TimeGrid view](timegrid-custom-view-demo)
- [Custom 4-day vertical resource view](vertical-resource-custom-demo)
- [Custom-duration timeline views](timeline-custom-view-demo)